在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中选择链接“动画”

回答

相关问题