jquery - 如何在两种背景色之间切换？

我正在构建日历，其中一项要求是通过设置background-color CSS属性突出显示某些日子。

但是，在某些情况下，一天需要使用两种不同的颜色：例如，某个假期的发薪日。

有没有办法在两种不同的背景颜色之间交替？我们正在使用jquery，我已经研究了cycle插件，但这似乎完全满足我的需要。

这将循环一次，但是我希望它是连续的：

$(".toggleBG").animate({ backgroundColor: "#FFFF66" }, 2000, function() {
    $(".toggleBG").animate({ backgroundColor: "#99CCFF" }, 2000)
});

最佳答案

这应该起作用：

var animate1, animate2;
var elem = $(".toggleBG");

animate1 = function() {
    elem.animate({ backgroundColor: "#FFFF66" }, 2000, animate2)
}
animate2 = function() {
    elem.animate({ backgroundColor: "#99CCFF" }, 2000, animate1)
}

animate1();

每个函数都使用另一个作为animate的回调。



停止动画的最简单方法是：

animate1 = animate2 = undefined

关于jquery - 如何在两种背景色之间切换？，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/8213451/