在JS中添加幻燈片動畫

-1

如何通過驗證將淡入淡出動畫添加到我的聯繫表單中？我不想使用CSS轉換。我只是不知道在哪裏把淡入在下面的代碼：在JS中添加幻燈片動畫

$('#message').focusout(function() { 
    if (!$(this).val()) 
     $(this).addClass('error').parent().find('mark').removeClass('valid').addClass('error'); 
    else 
     $(this).removeClass('error').parent().find('mark').removeClass('error').addClass('valid'); 
});

來源

2012-12-20 eXorcist

你想讓它淡入？ –

當「錯誤」類正在添加/刪除。 – eXorcist

如果驗證完成並且以其他方式離開它，您是否想要淡出表單？如果您只是在添加課程時想淡出，您將會看到一個跳動的動畫。 –

假設你想實現動畫褪色，用於驗證輸入字段，你也需要驗證，當用戶移出焦點

你的做法是正確的

您可以按照SO張貼在這裏fadein fadeout on add or remove class

我在這種情況下測試的jsfiddle您在發佈註釋，事件的內容不會工作，你必須使用的onblur

，你也不能使用jQuery的addclsss在這裏你必須使用JqueryUI addClass和removeClass API的類

關當然也有一些黑客利用它你可以用了jQuery UI的實現這一目標，但仍改變期間才達到動畫這是經過測試的方法並且易於實現。

來源

2012-12-20 17:58:54

嗯，我仍然有問題。也許是因爲在我的代碼中有if/else，但是當我在樣例腳本中執行此操作時不起作用。我是這樣的begginer。 – eXorcist

你可以通過把你的html和CSS來創建一個jsfiddle，以便我可以發佈JavaScript的其他人也可以幫助你 –

請在我的發佈中使用上面提到的Jquery UI添加類，正常的動畫和添加類在您的方案中不起作用。 –

在JS中添加幻燈片動畫

回答

相關問題