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

<title>DIV层切换</title> 
<img src="/_New/_cj/myeditor/sysimage/space.gif" class="ewebeditor__script" _ewebeditor_fake_tag="script" _ewebeditor_fake_value="%3Cscript%20language%3D%22JavaScript%22%20type%3D%22text%2Fjavascript%22%3E%20%0D%0Afunction%20ChangeDiv(divId%2CdivName%2CzDivCount)%20%0D%0A%7B%20%0D%0Afor(i%3D0%3Bi%3C%3DzDivCount%3Bi%2B%2B)%20%0D%0A%7B%20%0D%0Adocument.getElementById(divName%2Bi).style.display%3D%22none%22%3B%20%0D%0A%2F%2F%E5%B0%86%E6%89%80%E6%9C%89%E7%9A%84%E5%B1%82%E9%83%BD%E9%9A%90%E8%97%8F%20%0D%0A%7D%20%0D%0Adocument.getElementById(divName%2BdivId).style.display%3D%22block%22%3B%20%0D%0A%2F%2F%E6%98%BE%E7%A4%BA%E5%BD%93%E5%89%8D%E5%B1%82%20%0D%0A%7D%20%0D%0A%3C%2Fscript%3E"> 
</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 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>

　　 [Ctrl+A 全选注:如需引入外部Js需刷新才能执行]

教程首页更多教程