html栏目切换,js栏目切换 模仿tab选项卡

[javascript]代码库

js栏目切换 模仿tab选项卡

ul li {

float: left;

list-style-type: none;

text-align: center;

width: 80px;

height: 20px;

line-height: 20px;

color: #036;

cursor: pointer;

border: 1px solid #CCC;

margin-right: 5px;

}

.Menubox .Contentbox {

margin-top: 0px;

height: 100px;

margin-right: 20px;

margin-bottom: 20px;

margin-left: 20px;

position: relative;

top: -1px;

border: 1px solid #CCC;

background-color: #FFC;

}

.Menubox .tab {

height: 20px;

text-align: center;

}

.Menubox {

width: 450px;

margin-top: 10px;

margin-right: auto;

margin-left: auto;

}

function setTab(name,cursel,n){

for(i=1;i<=n;i++){

var menu=document.getElementById(name+i);

var con=document.getElementById("con_"+name+"_"+i);

menu.className=i==cursel?"current_sidebar":"";

con.style.display=i==cursel?"block":"none";

}

}

js栏目切换 模仿tab选项卡

• Web开发
• Java开发
• UI美工

web开发技术讨论群：262334579

java开发技术讨论群：216679175

新开UI设计讨论群：262784184

云代码 - 我的个人代码库 - www.yuncode.net

[代码运行效果截图]