2,编写被选中的页签和页签内容div显示、隐藏的样式。
3,编写js方法,根据被选中的页签,显示相应的页签内容。
例如:
html>
<script type="text/java script">
function doClick(o){
//当前被中的对象设置css
o.className="nav_current";
var j;
var id;
var e;
//遍历所有的页签,没有被选中的设置其没有被选中的css
for(var i=1;i<=7;i++){ //i<7 多少个栏目就填多大值
id ="nav"+i;
j = document.getElementById(id);
e = document.getElementById("sub"+i);
if(id != o.id){
j.className="nav_link";
e.style.display = "none";
}else{
e.style.display = "block";
}
}
}
标签内容1
标签内容2
标签内容3
标签内容4
标签内容5
标签内容6
标签内容7