2014-09-20 63 views
0

我在ul裏使用了一個標籤來製作菜單。現在我需要點擊鏈接後改變顏色,但下面的標籤我不能改變這一點。請指導我如何更改JQuery的超鏈接顏色?

我的代碼:

$(".Bio").click(function(){ 
    $("nav ul li a").delay(200).animate({color:'#FFFFFF'},1500); 
}); 
+0

您不能爲該顏色設置動畫(無插件)。使用'$(「nav ul li a」)。delay(200).css({color:'#FFFFFF'});'。 – loveNoHate 2014-09-20 16:24:18

回答

0

這裏是這樣做的一種方法: http://jsfiddle.net/0nw60fdb/

$(".Bio").click(function(e){ 
    $(e.target).css('color','#FFFFFF'); 
    //change the css color of the target once clicked 
}); 

一下添加到樣式表(CSS)

.Bio { 
    -webkit-transition: color 1.5s ease .2s; 
    -moz-transition: color 1.5s ease .2s; 
    -o-transition: color 1.5s ease .2s; 
    transition: color 1.5s ease .2s; 
} 

緩解了以0.2秒的延遲將屬性顏色過渡超過1.5s。