jquery - 如何使用 jQuery 使 <li> 元素闪烁/闪烁不同的颜色

Question

因此，我正在使用 Telerik MVC 控件来实现我正在开发的解决方案，并且我现在专门处理 Telerik “菜单” 控件项。

我想做的是: 如果母版页加载时将某个属性设置为某个值，那么我将显示一个对于用户查看非常重要的菜单项。我希望此菜单项不断闪烁，并在菜单栏中显示红色/橙色背景。 telerik 菜单项呈现为 <li>的。

我想使用 jQuery 1.6.4 编写一些 jQuery，这样我就可以在 <li> 上实现闪烁效果。这很重要。我怎样才能做到这一点？几乎所有我尝试过的东西(据说适用于 jQuery 1.2)都不起作用，并且在我尝试它们时抛出错误。有没有一种简单的方法可以使用 1.6.4 来做到这一点？

谢谢!

Answer 1

CSS:

.blink_orange{ background-color: orange; }
.blink_red{ background-color: red; }

JavaScript:

$(function(){
    setInterval(blinkLi, 200);    
});

function blinkLi(){
    $('ul .ClassToBlink').toggleClass('blink_orange blink_red');
};

确保在创建 li 时为其指定眨眼橙色或闪烁红色。