基于JS控制DIV显隐的Tab切换实现

DIV层切换实现代码

<title>DIV层切换</title>  </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> 

注意事项

注意：若代码中引入了外部JavaScript文件，必须在页面完全加载或执行相关脚本后刷新页面，以确保交互功能正常生效。