我应该如何在我的页面上鼠标悬停的任何链接？

当鼠标悬停在他们身上时，我想突出显示我网站上的所有链接。我应该如何在我的页面上鼠标悬停的任何链接？

我不想在我创建的每个链接中都写onmouseover属性，应该有一些地方可以在全局中声明这种高亮效果。

我应该怎么做？

2009-10-18 Anand

你能说清楚你的意思吗？ –

使用CSS。你应该使用外部文件，如果你想让整个站点都一样。

a:hover 
{ 
    background-color: rgb(255, 255, 0); 
}

你可以使用类或其他东西。如JS。但是我认为如果你想为所有链接制作它，上面的例子可以。

来源

2009-10-18 03:26:48 Sadi

这很简单。非常感谢 – Anand

欢迎:) – Sadi

最好的办法是编写自己的选择器，或者在jQuery等类似的东西中使用选择器函数。

这样你就可以在网页上的任何a元素上做一个鼠标悬停功能。

更多，如果你想自己做，那么你可以看看在本页面底部的链接： https://developer.mozilla.org/En/DOM/Locating_DOM_elements_using_selectors

来源

2009-10-18 03:23:07

你可以简单的通过CSS做到这一点。

<style="text/css"><!-- 
    a, a:visited { color:#AA0000; text-decoration:none; } 
    a:hover { color:#00AA00; text-decoration:underlined; } 
--></style> 

<a href="URLhere">Link1</a><br /> 
<a href="URLhere">Link2</a><br />

来源

2009-10-18 03:24:14 mauris

+1 - 我太专注于JavaScript了，你的解决方案非常简单。 –

哈哈没问题！有时我太专注于用JS做事情了= D – mauris

像这样的东西应该工作得相当好：

a:hover { 
    color: white; 
}

来源

2009-10-18 03:24:29 aviraldg

如果你希望做的像“悬停”事件链接最小的造型，你并不需要JS都：

a { color:blue; } 
a:hover { color:red; }

如果你超出这个限度，并可能增加气球的风格徘徊你很可能需要依靠Javascript，它可能有助于澄清你的意思是什么亮点。

来源

2009-10-18 03:27:41

如果您想将其扩展到非锚点标签，请使用jQuery。

$('div').click(function(){ 
    $(this).addClass("hovered'); 
});

来源

2009-10-18 03:27:44

我应该如何在我的页面上鼠标悬停的任何链接？

回答

相关问题