如何让 Onmouseover 方法普遍应用于所有链接？

Question

我们知道允许用户突出显示 link 的神奇技巧。但是，您必须为每个 link 重复一次。例如：a href="https://www.yahoo.com" onclick="window.open(this.href); return false" onmouseout="this.style.color = '#0000ff';" onmouseover="this.style.color = '#e3FF85';" align="justify">Yahoo。但是，我希望此代码适用于页面上的每个 link。我探索了两种可能的方法。一种是使用 STYLE TYPE 和 CLASS= 方法。另一种可能性是使用 STYLE H1 /H1（类似于 W3 学校）。但是，我什至还没有接近获得通用应用程序。

Answer 1

1. 你可以试试这个：

var links = document.getElementsByTagName('a');
for (var i = 0; i < links.length; ++i)
{
    links[i].onmouseenter = function() {links[i].style.color = '#e3FF85';};
    links[i].onmouseout= function() {links[i]..style.color = '#0000ff';};
}

您可以使用 getElementsByTagName('a') 获得所有 link 的列表（'a' 是 link 的标签名称），您可以对它们做任何您想做的事情.

2. 你也可以用jquery:

试试

var allLinks = $('a');
allLinks.mouseenter(function() { $(this).css('color', '#e3FF85'); });
allLinks.mouseout(function() { $(this).css('color', '#0000ff'); })

3. 如果您只关心当鼠标悬停在 link 上时更改样式（如颜色或背景），您可以从 CSS:

a:hover
{
    color: #123456;
}

如何让 Onmouseover 方法普遍应用于所有链接？

How do I get the Onmouseover method to apply universally to all links?

class

highlighting

onmouseover

styling