一个精简的JS DIV层tab切换代码

最新推荐文章于 2023-08-10 18:55:59 发布

wzjemb

最新推荐文章于 2023-08-10 18:55:59 发布

阅读量1.2k

点赞数

分类专栏： javascript

javascript 专栏收录该内容

22 篇文章 0 订阅

订阅专栏

<title>DIV层切换</title>
<script language="JavaScript" type="text/javascript">
function ChangeDiv(divId,divName,zDivCount)
{
for(i=0;i<=zDivCount;i++)
{
document.getElementById(divName+i).style.display="none";
//将所有的层都隐藏
}
document.getElementById(divName+divId).style.display="block";
//显示当前层
}
</script>
</head>
<body>
<span οnclick="JavaScript:ChangeDiv('0','JKDiv_',2)" style="cursor:hand;">内容一</span>
<span οnclick="JavaScript:ChangeDiv('1','JKDiv_',2)" style="cursor:hand;">内容二</span>
<span οnclick="JavaScript:ChangeDiv('2','JKDiv_',2)" style="cursor:hand;">内容三</span>
<div id="JKDiv_0" style="font-size:14px;margin:20px;color:#FF0000;">内容部分第一区</div>
<div id="JKDiv_1" style="display:none;font-size:14px;margin:10px;color:#FF0000;">内容部分第二区</div>
<div id="JKDiv_2" style="display:none;font-size:14px;margin:10px;color:#FF0000;">内容部分第三区</div>
</body>

wzjemb

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
一个精简的JS DIV层tab切换代码

DIV层切换 function ChangeDiv(divId,divName,zDivCount) { for(i=0;i{ document.getElementById(divName+i).style.display="none"; //将所有的层都隐藏 } document.getElementById(divName+divId).style.di
复制链接

扫一扫