代码之家  ›  专栏  ›  技术社区  ›  Alan

jquery高光效果,不褪色

  •  1
  • Alan  · 技术社区  · 14 年前

    我想突出显示 <span> 使用jquery.effect(“highlight”),但一段时间后会淡出。

    如何使突出显示保持不变?

    我的代码是:

     $('span').live('click', function () {
            $(this).effect("highlight", { color: "#ff3fff"});
        });
    
    2 回复  |  直到 14 年前
        1
  •  4
  •   Ben Everard    14 年前

    我不认为高光效果具有持续状态,您可以设置背景颜色:

    $('span').live('click', function () {
        $(this).css("backgroundColor", "#ff3fff");
    });
    
        2
  •  1
  •   jAndy    14 年前

    如果你在用 UI 试试这个:

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

    因为jquery用户界面具有 color plugin 集成后,您还可以设置颜色淡入淡出的动画。