javascript - 选择 div 中的链接一组“动画”

Question

我试图更改 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");
});

Answer 1

您不应该将 JS 用于您可以通过 CSS 实现的目标。

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

请注意 - 您的代码正在运行