选项卡由两部分组成,一部分是切换,另部分是切换的内容切换部分:
<ul>
<li id=“indexbox_1” class=“on” οnmοusemοve=“switchTab(‘indexbox’,1,2,‘on’);” >标题1</li>
<li id=“indexbox_2” οnmοusemοve=“switchTab(‘indexbox’,2,2,‘on’);”>标题2</li>
</ul>
其中onmousemove是鼠标划过的事件,可以改成onclick鼠标点击事件。
内容部分:
<div class="zbang_usertu">
<div id="indexbox_c_1" style="display:block;">内容区1</div>
<div id=“indexbox_c_2” style=“display:none”>内容区2</div>
</div>
注:当有多个选项卡时,只需把indexbox_1、 indexbox_c_2名字改了,如: indexboxaa_1、 indexboxaa_c_2