首页 > 源码技巧 > 超简单js+css的tab切换代码
2010
08-20

超简单js+css的tab切换代码

javascript代码[code]function changeTab(oA){
var oAName = oA.getAttribute(“name”);
var oAs = document.getElementsByName(oAName);
for(var i=0; i < oAs.length; i++){
if(oAs[i].className==”selected” && oAs[i] != oA){
oAs[i].className=”";
var oDiv = document.getElementById(oAs[i].getAttribute(“rel”));
oDiv.style.display=”none”;}
}
oA.className=”selected”;
document.getElementById(oA.getAttribute(“rel”)).style.display=”";
return false;
}[/code]切换的功能代码；
css代码[code]ul.nav {height: 20px;}
ul.nav li {float: left;}
ul.nav li a {display: block; width:100px;}
ul.nav li a:hover,ul.nav li a.selected {color: #660000; cursor:pointer}
.cont {width: 235px;}[/code]html代码[code]
什么是js

什么是html

什么是css
[/code]
作者：访客
访客
热淘博客 站点 QQ交谈

您可能还会对这些文章感兴趣！

《本文》有 0 条评论

留下一个回复