我花了很多时间试图让一些文字闪烁,让它从一种颜色来回变换到另一种颜色。听起来很简单,事实证明是非常困难的。简单的事情就像:
$('#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');});
即:除了将它用作计时器之外,不要在animate函数中做任何事情,然后更改元素上的css颜色值。而已。工作良好。
顺便说一下:如果你这样做并希望在闪烁颜色的同时阻止其他事情发生,你将不得不放置某种定时器或标志 - 记住浏览器将多任务并继续执行并行,而颜色闪烁。因此,如果您希望禁用用户选择另一个菜单选项,而此选项闪烁,则必须通过禁用其他选项来完成此操作,直到此动画完成。
答案 0 :(得分:4)
链接你的动画
$('#myElement').animate({color:black}, 100).animate({color:white}, 100);
如果你想停止运行动画,请使用jQuery .stop()
$('#myElement').stop();