在錨點標記上應用css

我想突出顯示（幾秒鐘）一個錨點標記，它放在li標記上，以表示Ajax請求成功。我如何通過Jquery實現這一點。在錨點標記上應用css

這是錨標記，這是在我的代碼中使用：

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

來源

2013-12-14 Abs

亮點？背景顏色？ – AlliterativeAlice

是的，一些背景顏色。 – Abs

你到目前爲止做了什麼，顯示解決方法 –

在你的Ajax成功功能可按：

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

如果你想成爲動畫的顏色變化，請jQuery UI Color Animation

來源

2013-12-14 18:52:06 AlliterativeAlice

從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

來源

2013-12-14 18:52:49

這個答案也很完美。 – Abs

在錨點標記上應用css

回答

相關問題