& lt; ! DOCTYPE html> & lt; html> & lt; head> & lt; meta  http-equiv=" - type ",内容=" text/html;, charset=utf - 8”,/比; & lt; title>选项卡滑动特效& lt;/title> & lt; style> div html,,,,,,,, applet,,对象,,iframe, h2、h3,祝福,h4, h5,,编辑,,h7,, p,引用,,以前, 简写的,,,缩写,,地址,,,,引用,,代码, 德尔,dfn,,哦,,字体,,img,, ins,, kbd,, q,,,,桑普, 小,罢工,,坚强,,子,,吃晚饭,,tt,, var, b,,你,,我,,,,,dl, dt,,,, ol,, ul,,李, 自定义字段,形式,标签,,传说, tbody,标题,表,,,tfoot,, thead,, tr,,,, td { 保证金:0; 填充:0; 边界:0; 大纲:0; } body { 行高:1; } ol, ul { list-style:没有; } 引用,q { 引用:没有; } 引用:之前,引用:之后, 问:之前,问:after { 内容:,”; 内容:,没有; } 一个{,文字修饰:没有;} {.clearfix ,,*变焦:1,, }, .clearfix:,, {.clearfix: after ,,显示:表,, ,,行高:0,, ,,内容:";, }, {.clearfix: after ,,明确:两个,, } #{容器,宽度:500 px;,保证金:10 px 汽车;} .tab-menu{,宽度:500 px;} .tab-menu ul {, list-style:没有;} .tab-menu 李{,浮动:左;,宽度:100 px;,高度:30 px;,边界:1 px solid # 3174 b1;, text-align:中心;,背景:# 5090 c0;, border-top-left-radius: 5 px;, border-top-right-radius: 5 px;,边界底部:1 px solid # 5090 c0;} .tab-menu li.selected{,浮动:左;,宽度:100 px;,高度:30 px;,边界:1 px solid # c8cdd0;, text-align:中心;,背景:# e6eaed;, border-top-left-radius: 5 px;, border-top-right-radius: 5 px;,边界底部:1 px solid # e6eaed;} .tab-menu li.selected {,颜色:# 5090 c0;,行高:30 px;} .tab-menu li {,颜色:# fff;,行高:30 px;} .tab-content{,宽度:499 px;,溢出:隐藏;,边界:1 px solid # c8cdd0;} .tab-content .tab-all{,宽度:2000 px;,} .tab-all div{,浮动:左;,宽度:498 px;,身高:300 px;} .white-div{,位置:相对;,最高:-302 px;,左:1 px;,背景:# fff;,高度:2 px;,宽度:406 px;} & lt;/style> & lt;/head> & lt; body> & lt; div id=叭萜鳌北? & lt; div 类=皌ab-menu”比; ,,,,& lt; ul 类=癱learfix”比; ,,,,,,,& lt; li 类="选择"祝辞& lt; a href=javascript:无效(0);“祝辞tabs1 & lt;/li> ,,,,,,,,,,,& lt; li> & lt; a href=javascript:无效(0);“祝辞tabs2 & lt;/li> ,,,,,,,,,,,& lt; li> & lt; a href=javascript:无效(0);“祝辞tabs3 & lt;/li> ,,,,,,,,,,,& lt; li> & lt; a href=javascript:无效(0);“祝辞tabs4 & lt;/li> ,,,,,,,& lt;/ul> ,,,& lt;/div> ,,,& lt; div 类=皌ab-content”比; ,,,,& lt; div  class=" tab-all clearfix”比; ,,,,,,,& lt; div> tabs1