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 现在提供一个 color plugin仅启用此功能而不包含整个 jQuery-UI 库。