在div中選擇鏈接「動畫」

我試圖改變div（mouseover/mouseout）鏈接的顏色，但它不工作......爲什麼？在div中選擇鏈接「動畫」

的html代碼：

 <div id="Navigation"> 

      <a href="#">Products</a> 
      <a href="#">Projects</a> 
      <a href="#">Tutorials</a> 
       <a href="#">Forum</a> 
       <a href="#">Contact</a> 

     </div>

JS代碼：

$('#Navigation a').mouseover(function() { 

    $(this).css("color", "#75c3ff"); 
}); 

$('#Navigation a').mouseout(function() { 

    $(this).css("color", "#c5c5c5"); 
});

來源

2013-04-10 XoR

我測試你的代碼和它的作品。通過將該代碼放置在'jQuery（document）.ready（）'函數中，確保文檔已完全加載。 – Kyle 2013-04-10 16:11:26

使用純CSS。不需要JavaScript或jQuery。看到http://www.w3schools.com/cssref/sel_hover.asp – Automatico 2013-04-10 16:11:52

嗯重新啓動我的電腦後，它的工作......奇怪。正如Cort3z所說，我現在對這個「動畫」使用純CSS代碼。感謝大家！ – XoR 2013-04-10 21:57:10

你不應該使用JS什麼你可以用CSS實現。

#Navigation a { color: #c5c5c5 } 
#Navigation a:hover { color: #75c3ff }

只是注意 - 你的代碼is working

來源

2013-04-10 16:12:28

在div中選擇鏈接「動畫」

回答

相關問題