javascript - 使用 Javascript 淡入淡出文本

Question

我正在尝试制作一个使一些文本淡入和淡出的 javascript 函数。

例如，在表单中，提交按钮将检查输入的有效性；如果它们无效，则会显示一条消息几秒钟。

我只设法创建了淡入效果，但没有淡出效果:实现它的简单方法是什么？

代码片段:

错误消息的 CSS:

#pwd_not_equ{
opacity:0;
transition: opacity 2s;
color:red;
}

检查两个密码是否相等的JS函数:

if ($("#pass1").val() != $("#pass2").val() && $("#pass1").val().length != 0)  {

        document.getElementById("pwd_not_equ").style.opacity="1";
        return false;

    };

错误信息本身就是一个简单的p:

<p id="pwd_not_equ"> Passwords must be equal! </p>

谢谢。

Answer 1

既然你已经有了 jQuery，你不妨使用 fadeIn 和 fadeOut 方法:

$(element).fadeIn();
$(element).fadeOut();

文档:http://api.jquery.com/fadeout/