jQuery突出显示效果，不会消失

Question

我想使用jQuery.effect（'highlight'）突出显示<span>，但在一段时间后它会淡出。

如何让亮点持久化？

我的代码是：

 $('span').live('click', function () {
        $(this).effect("highlight", { color: "#ff3fff"});
    });

Answer 1

我认为高光效果不具有持久状态，您可以设置背景颜色：

$('span').live('click', function () {
    $(this).css("backgroundColor", "#ff3fff");
});

Answer 2

如果您使用的是UI，请尝试以下操作：

$('span').live('click', function () {
   $(this).animate({backgroundColor: '#aa0000', color: '#fff'}, 1000);
});

由于jQuery UI集成了color plugin，因此您也可以设置颜色渐变动画。