纯JS如何做的TAB页组件 - 调试易

纯JS如何做的TAB页组件

在页面<body onload="init()">
在init()里直接用JS写TAB页就像用JS写按钮复选框那样的控件本人有需要谢谢各位了感谢

解决方案 »

免费领取超大流量手机卡，每月29元包185G流量+100分钟通话, 中国电信官方发货

应该可以用<Div>的innerHTML可以做出来吧。
<html><head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>新建网页 3</title>
</head><body>
<div id="content"></div>
</body></html>
<script type=text/javascript>
window.onload = function(){
var ul = document.createElement("ul");
var li1 = document.createElement("li");
li1.innerText = "标签1";
li1.style.display = "inline";
li1.onclick = function(){
if(div1.style.display=="none"){
   div1.style.display = "block";
   div2.style.display = "none";
}else{
   div1.style.display = "none";
   div2.style.display = "block";
}
}
ul.appendChild(li1);
var li2 = document.createElement("li");
li2.innerText = "标签2";
li2.style.display = "inline";
li2.onclick = function(){
if(div2.style.display=="none"){
   div2.style.display = "block";
   div1.style.display = "none";
}else{
   div2.style.display = "none";
   div1.style.display = "block";
}
}
ul.appendChild(li2); content.appendChild(ul);
    var div1 = document.createElement("div>");
    div1.innerHTML = "mycontent1";
    content.appendChild(div1);
    var div2 = document.createElement("div>");
    div2.innerHTML = "mycontent2";
    div2.style.display = "none";
    content.appendChild(div2);
}
</script>
hai zhen you zhe ge
LZ可以用jQuery UI的tabs http://jqueryui.com/demos/tabs/
楼主，这个一定会让你满意的http://download.csdn.net/detail/MyBlank/396472