一个精简的JS DIV层tab切换代码 时间:2020-05-12 人气: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 onclick="JavaScript:ChangeDiv('0','JKDiv_',2)" style="cursor:hand;">内容一</span> <span onclick="JavaScript:ChangeDiv('1','JKDiv_',2)" style="cursor:hand;">内容二</span> <span onclick="JavaScript:ChangeDiv('2','JKDiv_',2)" style="cursor:hand;">内容三</span> <div>内容部分第一区</div> <div>内容部分第二区</div> <div>内容部分第三区</div> </body> [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行] 加载全部内容