jsdiv+css实现tab功能_html/css_WEB-ITnose

来源：动视网责编：小采时间：2020-11-27 15:41:44

jsdiv+css实现tab功能_html/css_WEB-ITnose

jsdiv+css实现tab功能_html/css_WEB-ITnose:Code 无标题文档 body,div,ul,li{ padding:0; text-align:left; } body{ font:12px 宋体; text-align:center; } a:link{ color:#00F; text-decoration:none; } a:visited { color: #00F;

推荐度：

点击下载本文 文档为doc格式

导读jsdiv+css实现tab功能_html/css_WEB-ITnose:Code 无标题文档 body,div,ul,li{ padding:0; text-align:left; } body{ font:12px 宋体; text-align:center; } a:link{ color:#00F; text-decoration:none; } a:visited { color: #00F;

Code

无标题文档

/*第一种形式第二种形式更换显示样式*/
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?"hover":"";
con.style.display=i==cursel?"block":"none";
}
}

新闻1

新闻2

新闻列表1
新闻列表2

新闻1 新闻2

新闻列表1

新闻列表2