jquery - 为 JQuery 中的闪烁效果设置动画颜色变化

Question

我只是花了很多时间试图让一些文本闪烁，方法是让它从一种颜色来回变化到另一种颜色。听起来很简单，事实证明是非常困难的。简单的事情是这样的:

$('#myElement').animate({color:black}, 100);
$('#myElement').animate({color:white}, 100);

把它放在一个循环中，重复五次说，我们完成了。嗯，不管用，即使安装了 Jquery 颜色插件(它会阻止浏览器报告错误，但不会使代码工作......)。

这个有效:

    $('myElement').animate({top:0}, 100, function(){$('myElement').css('color','#000000');});
    $('myElement').animate({top:0}, 100, function(){$('myElement'.css('color','#ffffff');});

也就是说:在动画函数中什么都不做，除了将它用作计时器，然后更改元素上的 css 颜色值。就是这样。工作正常。

顺便说一句:如果您这样做并想在闪烁颜色时阻止其他事情发生，您将不得不放置某种计时器或标志——记住浏览器将执行多任务并继续执行在颜色闪烁的同时并行。因此，例如，如果您希望在该菜单闪烁时禁止用户选择另一个菜单选项，则必须通过禁用其他选项来实现此目的，直到该动画完成。

Answer 1

链接你的动画

$('#myElement').animate({color:black}, 100).animate({color:white}, 100);

如果您想停止运行动画，请使用 jQuery .stop()

$('#myElement').stop();