下面小编就为大家带来一篇最简单的tab切换实例代码。小编觉得挺不错的，现在分享给大家，也给大家做个参考。
JS：
$(".con").eq(0).show();
$(".btn span").click(function(){
var num =$(".btn span").index(this);
$(".con").hide();
$(".con").eq(num).show().slblings().hide();
})
CSS：
body { cursor:default; -webkit-text-size-adjust:none; font-size:12px; font-family:Arial; background:#FFF; }
.clear { zoom:1; }
.clear:after { visibility:hidden; display:block; font-size:0; content:"1"; clear:both; height:0; }
.main { width:500px; margin:20px auto; }
.btn span { width:35px; text-align:center; color:#fff; background:#f00; cursor:pointer; margin:0 5px; display:block; float:left; }
.con { display:none; border:#033 1px solid; height:100px; width:200px; }
HTML：
<div>
<div><span>1</span><span>2</span><span>3</span></div>
<div>第一个<br /> </div>
<div>第二个<br /> </div>
<div>第三个<br /> </div>
</div>
截图:
以上这篇最简单的tab切换实例代码就是小编分享给大家的全部内容了，希望能给大家一个参考
- 自贡市2014年下半年考录公务员(参公人员)拟录用人员情况公示(第3号)
- 新疆维吾尔自治区邮政管理局2015年补充录用公务员公示公告
- 2015年西安市市级行政机关和参照公务员法管理事业单位遴选公务员和工作人员公告
- 2015年西安市市级行政机关和参照管理单位遴选公务员和工作人员报考指南
- 2015年西安市市级行政机关和参照管理单位遴选公务员和工作人员职位专业指导目录
- 2015年西安市市级行政机关和参照管理单位遴选公务员和工作人员职位表
- 2015年绍兴市诸暨市公安局选调公务员(专业人员)公告
- 2015年丽水市遂昌县机关考试录用公务员放弃考察人员及递补入围考察人员名单
- 2015年丽水市遂昌县机关考试录用公务员入围考察人员名单公布(一)
- 2015年丽水市直医疗卫生单位招聘卫技人员放弃/递补面试人员名单(一)
- 2015年丽水市市级机关考试录用公务员体检合格人员名单(4)
- 2015年丽水市市级机关考试录用公务员考察对象公告(4)
- 2015年嘉兴市南湖区各级机关考试录用公务员拟录用人员公示(一)
- 2015年江苏省南通市通州区人民法院选调法官公告
- 台州市仙居县2015年各级机关考试录用公务员体检结果及进入考察名单公示(一)
- 2015年金华兰溪市公务员招考拟递补考察公示
- 普洱市2015年普洱市考试录用公务员资格复审公告
- 合肥市2015年考录公务员(市直机关及各区职位)体检确认有关事项通知
- 龙岩市2015年考试录用公务员面试人员考试总成绩公示
- 济南市海关2015年新录用公务员报到通知
- 钦州市2015年公务员(选调生)录用面试1∶1职位所在考场平均分的公告
- 2015年日照市东港区公务员遴选工作人员公告
- 贵港市2015年公务员录用面试1∶1职位所在考场平均分的通告
- 贵港市2015年考试录用公务员面试1:1职位所在考场面试平均分
- 玉林市2015年公务员录用面试1∶1职位所在考场平均分的通知
- creosoting
- crepe
- crepe paper
- crepe-paper
- creperie
- crepes-suzette
- crepe-suzette
- crept
- crepuscular
- crescendo
- 鞍架
- 鞍桥
- 鞍辔
- 鞍鞒
- 鞍鞯
- 鞍韂
- 分
- 分
- 分1
- 分2
- 实训室管理员工作总结
- 小学实验室工作总结
- 畜牧局上半年工作总结
- 2015年畜牧局工作总结
- 机房管理员工作总结
- 销售年终工作总结
- 年终工作总结与展望
- 畜牧局工作总结
- 会计人员转正工作总结
- 品管年度工作总结