选择div中的链接设置“动画”

Question

我试图改变div中链接的颜色（mouseover / mouseout），但它不起作用......为什么？

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 code：

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

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

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

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

Answer 1

你不应该使用JS来实现CSS。

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

只需注意 - 您的代码is working