javascript - 菜单固定在单页 - 更改颜色

Question

我想为单页网站创建一个菜单，并从页面链接到 div。菜单看起来像这样:

<li><a href="#home-link" title="Home">Home</a></li>
...
<div id="home-link"></div>

当我在主页链接 div 区域时，我想从菜单更改链接的颜色。怎么可能做出那种东西？

感谢您的回答和帮助。

祝你有美好的一天。

Answer 1

如果链接元素不是 #home-link 的子元素，您将需要 JavaScript。

像这样:

$('#home-link').on('hover', function () {
    $('li a').css('color', '#bada55');
});

这假定您使用的是 jQuery，但与其他框架类似的方法也适用。