首页 > 代码库 > 通用选项卡效果
通用选项卡效果
<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>本文出自 “雨若曦” 博客，请务必保留此出处http://1940817891.blog.51cto.com/9833202/1914470
通用选项卡效果
声明：以上内容来自用户投稿及互联网公开渠道收集整理发布，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任，若内容有误或涉及侵权可进行投诉： 投诉/举报 工作人员会在5个工作日内联系你，一经查实，本站将立刻删除涉嫌侵权内容。