<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>
通用選項卡效果
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.