通用選項卡效果

<script>
function changeTab(changetab){
	var tabs=$(".navtab_sml").find("a");
	var cts=$(".navtab_sml_info > div");
    for(i=0;i<tabs.length;i++){
		if(tabs[i]==changetab){
			tabs[i].className="selected";
			cts[i].style.display="block";
		}else{
		   tabs[i].className="";
		   cts[i].style.display="none"; 	
		}
	}
}
</script>
<div class="navtab_sml clearfix">
        <a class="selected" onClick="changeTab(this)">基本信息</a>
        <a onClick="changeTab(this)">資質審查</a>
        <a onClick="changeTab(this)">入場人員信息</a>
        <a onClick="changeTab(this)">入場人員管理-附件</a>
        <a onClick="changeTab(this)">入場人員管理-培訓</a>
        <a onClick="changeTab(this)">入場條件審查</a>
        <a onClick="changeTab(this)">施工機具資料</a>
</div>
 <div class="navtab_sml_info">
      <div>基本信息內容</div>
      <div>資質審查內容</div>
      <div>入場人員信息內容</div>
      <div>入場人員管理-附件內容</div>
      <div>入場人員管理-培訓內容</div>
      <div>入場條件審查內容</div>
      <div>施工機具資料內容</div>
 </div>

wKiom1jrIzGTObHkAAA22y-krk8520.png-wh_50

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章