做模板有時(shí)用的js效果太多,系統(tǒng)有的盡量不額外寫(xiě)。
選項(xiàng):
<a href="javascript:;" id="sub_box_1" class="on" onclick="switchTab('sub_box',1,3,'on');">選項(xiàng)1</a>
<a href="javascript:;" id="sub_box_2" onclick="switchTab('sub_box',2,3,'on');">選項(xiàng)2</a>
<a href="javascript:;" id="sub_box_3" onclick="switchTab('sub_box',3,3,'on');">選項(xiàng)3</a>
復(fù)制代碼
容器:
<div class="List-item-box" id="sub_box_c_1">內(nèi)容1</div>
<div class="List-item-box" id="sub_box_c_2" style="display:none">內(nèi)容2</div>
<div class="List-item-box" id="sub_box_c_3" style="display:none">內(nèi)容3</div>
復(fù)制代碼
第一個(gè)選項(xiàng)加選中class、第一個(gè)容器不隱藏。
都是針對(duì)id的,class隨意。
onclick="switchTab('sub_box',1,3,'on');"分解:
sub_box,序號(hào)前的名稱(chēng);
1,當(dāng)前順序;
3,總數(shù);
on,選中時(shí)選項(xiàng)卡增加的class。