html tab 选项卡切换,jQuery实现TAB选项卡切换特效简单演示

本文实例为大家分享jQuery实现TAB选项卡切换特效，供大家参考，具体内容如下

1、tab切换 on

jQuery tab切换

*{

margin:0;

padding:0;

}

.wrap{

margin-left: 50px;

margin-top: 50px;

}

/*清浮动---clearfix*/

.clearfix {

*zoom: 1;

}

.clearfix:after {

content: "";

clear: both;

display: block;

height: 0;

font-size: 0;

visibility: hidden;

}

.blist {

border:1px solid #d9d9d9;

width: 275px;

height: 32px;

}

.blist li:first-child{

border-left: none;

}

.blist li{

list-style: none;

width: 68px;