javascript - 标题上的事件 anchor 链接颜色更改

标签 javascript jquery css html

我有一个单页网站,其中有很大的 div 作为一个部分/页面。我已经设法让 anchor 工作等但是我遇到的问题是 CSS a:active 在这种情况下不起作用,因为实际的 div 没有链接到顶部的 anchor 链接. 每个 div 上方都有一个跨度,它是标题的高度,这样这些部分就不会隐藏在它后面。

我想知道是否有任何方法(使用 CSS/JavaScript)让 anchor 链接在用户位于页面的特定部分时自行更改颜色。

类似的例子在 this web page 上如果有人想看,这个网站实际上使用了一个指示器而不是改变链接的颜色。但是我确定他们使用的是 JS,因为当我在 Google Chrome 中检查元素时,随着指示器的移动,CSS 也会改变位置。

最佳答案

我想你可以。

$('#specific-section').bind('mouseenter', function(){
  $('a').css('color','yellow');
}).bind('mouseleave', function(){
  $('a').css('color','white');
});

关于javascript - 标题上的事件 anchor 链接颜色更改,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13055469/

相关文章:

javascript - 使用输入类型="submit"更改内容

JavaScript 映射和哈希表

javascript - jquery - 禁用所有选择框?

javascript - 使用 jQuery 和 javascript 附加元素时出现奇怪的格式

javascript - 通过 mmenu 在 jQuery 插件中选择的菜单永远不会激活

javascript - 检查jquery时填充文本输入

javascript - 如何通过检查元素找到文件的位置?

javascript - 单击同一 div 内的按钮时关闭 div

html - 让h1决定div的宽度

html - CSS 菜单在打开时覆盖其他内容