css+js选项卡功能的实现 10

css代码：body{text-align:center;font-weight:bold;background-color:#333333;}#divd{backgro... css代码：
body{
text-align:center;
font-weight:bold;
background-color:#333333;
}
#divd{
background:url(nav-bg.jpg) repeat-x;
width:auto;
height:30px;
}
ul{
list-style:none;
float:left;
}
li{
float:left;
color:#000000;
font-size:12px;
margin-right:15px;
margin-top:5px;
margin-left:0px;
padding:0px;
}
a{
color:#000000;
text-decoration:none;
}
a:visited{
color:#fb8902;
text-decoration:none;
}
a:hover{
color:#FF0000;
text-decoration:none;
}

js代码：
<script language="javascript">
function hilite(obj){
var labels = document.getElementById("nav").childNodes;
for (i=0;i<labels.length;i++){
if ("li"==nav.nodeName){
labels[i].value=i;
labels[i].style="color:#000000;text-decoration:none;"
}
}
labels[obj].style="color:#fb8902;text-decoration:none;"
}
</script>

网页代码：
<body>
<div id="divd">
<ul id="nav">
<li><a href="#" onclick="hilite(this)">导航一</a></li>
<li><a href="#" onclick="hilite(this)">导航二</a></li>
<li><a href="#" onclick="hilite(this)">导航三</a></li>
<li><a href="#" onclick="hilite(this)">导航四</a></li>
<li><a href="#" onclick="hilite(this)">导航五</a></li>
<li><a href="#" onclick="hilite(this)">导航六</a></li>
</ul>
</div>
</body>
我想得到一个类似windows选项卡的那种效果。点击之后，被点击的变成和其他的不一样的颜色展开

 我来答

1个回答

#热议# 空调使用不当可能引发哪些疾病？

笑容里的伤6767
2009-10-20 · 超过37用户采纳过TA的回答

知道小有建树答主

回答量：149

采纳率：0%

帮助的人：109万

我也去答题访问个人页

关注

展开全部

你要什么效果？

已赞过 已踩过<

评论收起

推荐律师服务：若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询

css+js选项卡功能的实现 10

为你推荐：