选项卡滑动特效

   & 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
  ,,,,,,,,,,,& lt; div> tabs2
  ,,,,,,,,,,,& lt; div> tabs3