js设置某一个div下面的超链接样式

2024-11-23 02:27:36
推荐回答(2个)
回答(1):

首先知道超链接样式有4个属性:
a:link 定义正常链接的样式;
a:visited 定义已访问过链接的样式;
a:hover 定义鼠标悬浮在链接上时的样式;
a:active 定义鼠标点击链接时的样式。

一般鼠标经过直接使用a:hover设定,
需要通过js来控制的一般是在点击后给超链接添加一个当前样式。
那么可以通过js或者jq给a标签添加一个当前class类,针对类写个当前样式即可。
举例【使用jq添加当前样式类】:



jq:
$("#Jmenu li a").click(function(){
$("#Jmenu li a").removeClass("Curcss");//清除a上的curcss类
$(this).addClass("Curcss");//针对当前点击的a添加类

});

Css:
.Curcss{ background:#ccc; font-size:16px;....}//当前样式

回答(2):

在一般的网页里面,超连接字体的颜色是它自己独有的.他其中包括的显示连接的颜色,当鼠标放上去的颜色,点击时的颜色,点击之后的颜色.超连接显示的颜色都不一样.
如果你想超连接的颜色和其它文字颜色一样的话.那么可以设置一个文字颜色,然后再设置超连接的颜色,设置成同一种颜色就行.
a:link,定义正常链接的样式;
a:visited,定义已访问过链接的样式;
a:hover,定义鼠标悬浮在链接上时的样式;
a:active,定义鼠标点击链接时的样式。

然后你用js添加一个样式就行.....
$("#htmlContent").addClass();