jquery使用递归函数更改背景颜色

Question

我正在尝试使 css 背景在两种颜色之间闪烁。最好的解决方案似乎是使用在类似问题上显示的递归函数:

(function pulse(){
        $('#my_div').delay(100).css("background-color","blue").delay(100).css("background-color","red").delay(100).fadeIn('slow',pulse);
})();​

http://jsfiddle.net/bSWMC/223/

我似乎无法让背景切换颜色。这里可能有一个非常明显的答案，我是 jQuery 新手!

非常感谢您的帮助， 杰里米

Answer 1

我只想为每种颜色创建两个 css 类，然后使用 jquery 函数 toggleClass 并给两个 css 类命名，即

$(div).toggleClass('class1 class2')

您可能还需要使用 setInterval 来设置运行 toggleClass 的时间。像这样 ( http://jsfiddle.net/Eyq5x/31/ )

<div id="me" class='yellow'></div>

div
{
    height:50px;
    width:50px;
}
.yellow
{
    background-color:yellow;

}

.red
{
    background-color:red;
}
​
$(document).ready(function(){
    setInterval(
        function(){
            $('#me').toggleClass('yellow red');
        },1000);
});​