jQuery简单实现tab选项卡切换效果

抽空把公司项目上用的tab效果封装了一下，实在是需要用的地方太多了~~~

效果图：

代码：

* {
  padding: 0px;
  margin:0px
}
body {
  text-align: center
}
.wrap ul {
  overflow: hidden
}
.wrap li {
  float: left;
  list-style: none;
  margin-right: 10px;
  cursor: pointer;
  padding: 2px 5px
}
.link {
  cursor: pointer;
  color: #F00
}
.wrap {
  width: 200px;
  margin: 50px auto
}
.wrap, .ellipsis {
  font-size: 12px;
  width: 200px;
}
.tab_div div {
  display: none;
  padding: 10px;
}
.tab_div {
  text-align: left;
  border: 1px #CCC solid;
  height: 200px;
  clear: both
}
.cur {
  background: #060;
  color: #FFF
}
#setTab_2{
  margin-top: 20px;
}





 

  
国事
  
军情
  
图片
 
 
  国事
  军情
  图片
 


 

  
国事
  
军情
  
图片
 
 
  国事
  军情
  图片
 

以上就是本文的全部内容，希望能给大家一个参考，也希望大家多多支持考高分网。