jquery - 用jquery让文字变色(不停闪烁)

Question

使用 jquery 在两种颜色/类之间连续切换文本的最简单方法是什么？

Answer 1

一个简单的例子:

CSS

div { color: red; }
div.blinking { color: blue; }

jQuery(在 DOMready 事件中)

var el = $('div');
setInterval(function() {
   el.toggleClass('blinking');
}, 1000);

fiddle 示例:http://jsfiddle.net/gLEuP/

<小时/>

否则，您可以在现代浏览器上完全避免使用 JS，而仅使用 CSS3 动画，例如

@keyframes blink {
    0% { color  : red; }
    49% { color : red; }
    50% { color : blue }
    100% { color: blue; }
}

div {
    animation: blink 2s linear infinite;
}

示例代码笔(带有供应商前缀):http://codepen.io/anon/pen/NPJBbe

注意，避免设置太小的延迟，它可能会伤害受photosensitive epilepsy影响的人(并且对其他人来说很烦)