Question

我有以下工作脚本在加载时运行。

$("div.fadeinWrapper").fadeIn(3000);

当fadeIn完成后，我想使用动画功能来更改div内部范围的颜色，从＃000000到＃FF0000。我是怎么做到的？

Answer 1

fadeIn（）有一个回调函数

 $("div.fadeinWrapper").fadeIn(3000, function() {
    --your animate code here--
 });

来源：http://api.jquery.com/fadeIn/

Answer 2

像这样：

$("div.fadeinWrapper").fadeIn(3000, function() {
    $("span.yourclass").animate({
        color: "#fff000",
    });
});

注意：您需要Jquery UI library。

有关animate()的更多信息：http://jqueryui.com/animate/

Answer 3

您可以使用fadeIn()回调为span元素设置动画，但默认情况下animate()方法不支持颜色动画。

您需要包含jQuery color库或jQuery UI库

$("div.fadeinWrapper").fadeIn(3000, function(){
    $(this).find('span').animate({
        color: '#FF0000'
    })
});

演示：Fiddle

Answer 4

以下是帮助您理解代码的示例。小提琴http://jsfiddle.net/hEmCa/1/

 $(document).ready(function(){
     $('#pt').click(function(){
     $('#d').fadeIn(6000);
         $('#d1').animate({
         opacity: 0.65,
          left: "+=500",
          height: "toggle"
         });
     });
  });

我希望你能实现这个目标。

如何更改fadeIn div的文本颜色？

4 个答案: