jQuery - 文本颜色淡入

Question

我找不到解决这个问题的简单方法.

当按钮点击出现错误时,我试图淡化某些文本的颜色变化.

if (document.getElementById("username").value == ""){ //First Name      
    $("#login_error").text("Please enetr a username!").css('color', '#FF0000');     
    $("#username_label").css('color', '#FF0000');fadeIn(3000);
}

我可以改变颜色,但它是即时的.我想让颜色的变化慢慢消失.

多谢你们!

Answer 1

如果添加jQuery UI,他们会添加对颜色动画的支持.

有关详细信息,请阅读http://jqueryui.com/demos/animate/.

  <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>
  <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script>

  <script>
  $(document).ready(function(){
    $(".block").toggle(function() {
      $(this).animate({ color: "#FF0000" }, 1000);
    },function() {
      $(this).animate({ color: "#000000" }, 1000);
    });
  });
  </script>

更新: jQuery现在提供了一个颜色插件,只启用此功能而不包括整个jQuery-UI库.