假如现在有很多a标签,怎么实现:当给其中的一个a添加样式后,其他的a就都移除该样式,每一个a都如此
<li><ahref="#"class="title">经营理念</a></li><li><ahref="#">企业文化</a></li><li><ahref="#">社...
<li><a href="#" class="title">经营理念</a></li>
<li><a href="#">企业文化</a></li>
<li><a href="#">社会文化</a></li>
<li><a href="#">荣誉资质</a></li>
<li><a href="#">新闻中心</a></li>
<li><a href="#">合作伙伴</a></li>
<li><a href="#">招贤纳士</a></li>
<li><a href="#">合作伙伴</a></li> 展开
<li><a href="#">企业文化</a></li>
<li><a href="#">社会文化</a></li>
<li><a href="#">荣誉资质</a></li>
<li><a href="#">新闻中心</a></li>
<li><a href="#">合作伙伴</a></li>
<li><a href="#">招贤纳士</a></li>
<li><a href="#">合作伙伴</a></li> 展开
展开全部
这个是可以通过样式来进行控制的,你定义一个样式,定义一个样式文件叫CSS
.title{你要定义的样式内容}
在调用
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" href="../css.css" type="text/css"/>
<title>text</title>
</head>
<body>
<ul>
<li><a class="title" href="#" >经营理念</a></li>(你要定义的特殊样式)
<li><a href="#">企业文化</a></li>
<li><a href="#">社会文化</a></li>
<li><a href="#">荣誉资质</a></li>
<li><a href="#">新闻中心</a></li>
<li><a href="#">合作伙伴</a></li>
<li><a href="#">招贤纳士</a></li>
<li><a href="#">合作伙伴</a></li>
</ ul>
</body>
应该就可以实现你要定义的特殊样式了
.title{你要定义的样式内容}
在调用
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" href="../css.css" type="text/css"/>
<title>text</title>
</head>
<body>
<ul>
<li><a class="title" href="#" >经营理念</a></li>(你要定义的特殊样式)
<li><a href="#">企业文化</a></li>
<li><a href="#">社会文化</a></li>
<li><a href="#">荣誉资质</a></li>
<li><a href="#">新闻中心</a></li>
<li><a href="#">合作伙伴</a></li>
<li><a href="#">招贤纳士</a></li>
<li><a href="#">合作伙伴</a></li>
</ ul>
</body>
应该就可以实现你要定义的特殊样式了
展开全部
这个你最好用jquery实现,简单易懂,你可以试试类似下边的代码
$("li a").hover(function(){
$(this).addClass("YourCustomClass").siblings().removeClass("YourCustomClass");
})
Good Luck,还有问题的话可以回复我!
$("li a").hover(function(){
$(this).addClass("YourCustomClass").siblings().removeClass("YourCustomClass");
})
Good Luck,还有问题的话可以回复我!
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
我就说一下我的思路。
样式1{添加样式}
样式2{原本样式}
如果是原生js:循环绑定事件,分别在所有的a上绑定同样的事件。在触发某个事件(可以改变a样式的时间)时,先循环所有样式2,然后确定index个数,确定a[index]的样式为样式1。
如果是jQ就更简单了,不用循环,直接siblings()就成了。
样式1{添加样式}
样式2{原本样式}
如果是原生js:循环绑定事件,分别在所有的a上绑定同样的事件。在触发某个事件(可以改变a样式的时间)时,先循环所有样式2,然后确定index个数,确定a[index]的样式为样式1。
如果是jQ就更简单了,不用循环,直接siblings()就成了。
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
1、这个可以用 hover样式, 你在这个样式里面添加就够了,默认下都没有该样式,鼠标滑过才有,所以就达到目的了。
例如:
a:hover{
text-decoration: none;
color: #FAFF66;
}
2、采用js
var _a = document.getElementsByTagName('a');
for(var i in _a){
_a[i].onmouseover = function(){
this.setAttribute('class','title');
};
_a[i].onmouseout = function()
{
this.removeAttribute('class');
}
}
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询