Question

我们已经意识到允许用户突出显示链接的惊人技巧。但是，您必须为每个链接重复它。例如：a href =＆＃34; https：//www.yahoo.com"的onclick =＆＃34; window.open（this.href）;返回false＆＃34; onmouseout =＆＃34; this.style.color =＆＃39;＃0000ff＆＃39;;＆＃34; onmouseover =＆＃34; this.style.color =＆＃39;＃e3FF85＆＃39;;＆＃34; ALIGN =＆＃34;证明＆＃34;＆GT;雅虎。但是，我希望此代码适用于页面上的每个链接。我已经探索了两种可能的方法。一种是使用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')获取所有链接的列表（'a'是链接的标记名称），您可以随意执行任何操作。

2. 您也可以尝试使用jquery：

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

3. 如果您只关心在鼠标悬停在链接上时更改样式（如颜色或背景），则可以通过CSS执行此操作：

a:hover
{
    color: #123456;
}

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

1 个答案: