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

源码技巧15年前 (2010-08-20)13510
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]

发表评论

访客

看不清,换一张

◎欢迎参与讨论,请在这里发表您的看法和观点。