Discuz!X3.1選項卡的製作

選項卡由兩部分組成，一部分是切換，另部分是切換的內容切換部分：

<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