* { margin:0; padding:0; } li { list-style:none; } body { font-size:14px; } .box { width:500px; height:30px; margin:0 auto; margin-top:20px; } .header>li { float:left; width:80px; background:#ddd; text-align:center; line-height:30px; cursor:pointer; } .zhong { margin-left:20px; } .last { margin-left:20px; } .box2 { width:500px; margin:0 auto; position:relative; overflow:hidden; } .bon { width:1000%; } .bon ul li { float:left; width:500px; padding-top:14px; } .bon ul li ul li:first-child { padding-top:5px; }
用jquery做选项卡且带有动画效果