Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/loops/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 我应该如何高亮显示页面鼠标上方的任何链接?_Javascript_Html_Css - Fatal编程技术网

Javascript 我应该如何高亮显示页面鼠标上方的任何链接?

Javascript 我应该如何高亮显示页面鼠标上方的任何链接?,javascript,html,css,Javascript,Html,Css,当鼠标悬停在我的网站上时,我想突出显示网站中的所有链接 我不想在我创建的每个链接中都写入onmouseover属性,应该有一个地方可以全局声明此突出效果 我应该怎么做呢?您最好编写自己的选择器,或者在jQuery之类的程序中使用选择器函数 这样,您就可以在网页上的任何元素上执行鼠标悬停功能 如需了解更多信息,如果您想自己动手,可以查看本页底部的链接: 您最好编写自己的选择器,或者在jQuery中使用选择器函数 这样,您就可以在网页上的任何元素上执行鼠标悬停功能 如需了解更多信息,如果您想自己动手

当鼠标悬停在我的网站上时,我想突出显示网站中的所有链接

我不想在我创建的每个链接中都写入
onmouseover
属性,应该有一个地方可以全局声明此突出效果


我应该怎么做呢?

您最好编写自己的选择器,或者在jQuery之类的程序中使用选择器函数

这样,您就可以在网页上的任何
元素上执行鼠标悬停功能

如需了解更多信息,如果您想自己动手,可以查看本页底部的链接:

您最好编写自己的选择器,或者在jQuery中使用选择器函数

这样,您就可以在网页上的任何
元素上执行鼠标悬停功能

如需了解更多信息,如果您想自己动手,可以查看本页底部的链接:

您只需通过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 />




您只需通过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 />




类似的方法应该可以很好地工作:

a:hover {
    color: white;
}

这样的方法应该可以很好地工作:

a:hover {
    color: white;
}

使用CSS。如果您想使整个站点的外部文件相同,那么应该使用外部文件

a:hover 
{
  background-color: rgb(255, 255, 0);
}
你可以用class或者其他什么。比如JS。
但是我认为上面的例子可以用于所有链接。

使用CSS。如果您想使整个站点的外部文件相同,那么应该使用外部文件

a:hover 
{
  background-color: rgb(255, 255, 0);
}
你可以用class或者其他什么。比如JS。
但我认为,如果您想为所有链接设置样式,上面的示例就可以了。

如果您希望在诸如“hover”之类的事件中对链接进行最小样式设置,那么您根本不需要JS:

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

如果您要超越这一点,并可能添加气球式悬停,那么您很可能需要依赖Javascript,这可能有助于明确突出显示的确切含义。

如果您希望对“悬停”等事件的链接进行最小样式化,您根本不需要JS:

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

如果您要超越这一点,并可能添加气球式悬停,那么您很可能需要依赖Javascript,这可能有助于明确突出显示的确切含义。

如果您想将其扩展到非锚定标记,请使用jQuery

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

如果要将其扩展到非锚定标记,请使用jQuery

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

你能澄清突出显示是什么意思吗?你能澄清突出显示是什么意思吗?+1-我太关注javascript了,你的解决方案简单多了。哈哈,没问题!有时候我太专注于用JS-too=D+1做事情了——我太专注于javascript了,你的解决方案简单多了。哈哈,没问题!有时我太专注于用JS-too=D做事情了