Question

我想突出显示（几秒钟）一个锚标记，该标记在Ajax请求成功时放在li标记中。我怎样才能通过Jquery实现这一目标。

这是锚标记，在我的代码中使用：

<li class="active">
  <a id="firstTab" data-toggle="tab" href="#adviceContent">
    <i class="icon-large icon-info-sign " ></i>
  </a>
</li>

Answer 1

从Google或jQuery CDN调用jQuery-UI。

尝试使用Ajax成功：

var color = $("#firstTab").css("background-color");
var highlightColor = '#bebebe';

$("#firstTab").animate({backgroundColor:highlightColor},500,function(){
   $(this).delay(1000).animate({backgroundColor:color},500);
});

您可以查看Fiddle code

Answer 2

在你的ajax成功函数中：

jQuery('#firstTab').css('background-color','#ccc');
setTimeout(function () {
    jQuery('#firstTab').css('background-color','transparent');
},2000);

如果您希望动画颜色更改，请查看jQuery UI Color Animation

在锚标签上应用css

2 个答案: