Question

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

Answer 1

一个简单的例子：

CSS

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

jQuery（DOMready事件）

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

示例小提琴：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影响的人（并且对其他人都很烦）

Answer 2

在jquery旋转颜色上进行简单的谷歌搜索会带来这个

http://buildinternet.com/2009/09/its-a-rainbow-color-changing-text-and-backgrounds/

对于闪烁效果，你总是可以使用setInterval每隔一秒或半秒运行一个函数，这将使用jquery切换一个类

Answer 3

尝试

function switch() {

   $("p").toggleClass("comic-sans");

}

setInterval("switch()", 1000);

Answer 4

创建一个接受颜色作为变量的函数。在函数中，根据传递的颜色，确定下一个要使用的颜色。更改文字颜色element.style.color = '#FF0000';。仍在函数中，调用setTimeout()并使用＆＃34; new＆＃34;传递函数。颜色。然后，在$(document).ready上调用换色功能。

Answer 5

我想出了这个：

//Click the Fade out button
$("#fadeOut").click(function(){
    fadeItOut();
});

var fadeItOut = function() {
  $("p").fadeOut("slow", function(){
      fadeItIn();
  });
};

var fadeItIn = function() {
    $("p").fadeIn("fast", fadeItOut());
};

使用jquery（不停闪烁）使文本更改颜色

5 个答案: