代码简介:来自阿里巴巴网的滑动TAB导航特效
代码内容:
来自阿里巴巴网的滑动TAB导航特效_网页代码站(type="text/css"> /*这里定义样式,由于左右滑动区宽度不同,所以代码略多*/ body {margin:0px;border:0px;font-size:12px;background-color:#fff;} a:link{color: #003278;text-decoration: none;} a:visited{color: #003278;text-decoration: none;} a:hover{color: #FF6600;text-decoration: underline;} #slideBox{background:url(;} #slide{padding-top:5px} #slide li img{margin-right:3px} #slideBox ul{padding:0;margin:0;clear:both;list-style:none;overflow:hidden} #slideBox li{float:left;font-weight:bold;height:37px !important;height:27px;} #slideBox li a:link,#slideBox li a:visited{color:#000;} #slideBox li a:hover{color:#ff7300;text-decoration: none} #slideBox .l{background:url(;} #slideBox .r{background:url(} #slideBox .l_h{background:url(;} #slideBox .r_h{background:url(;} #slideBox .hide{display:none} #slideBox .l a{width:52px;} #slideBox .r a{width:68px;} .arrow{padding-left:8px;background:url() no-repeat;} #slideBox .l a,#slideBox .r a,#slideBox .l_h a,#slideBox .r_h a{padding-left:24px;display:block;height:100%;padding-top:10px;} .btn_zchy{background:url() 5px 10px no-repeat;} .btn_cxt{background:url() 5px 10px no-repeat;} .btn_tggs{background:url() 5px 10px no-repeat;} .btn_fbxx{background:url() 5px 10px no-repeat;} .btn_xzmj{background:url() 5px 10px no-repeat;} .btn_alisoft{background:url() 5px 10px no-repeat;} /*cont*/ #slideBox .cont_l{float:left;background:url(7px 7px 14px;margin-bottom:4px;overflow:hidden} #slideBox .cont_r{float:left;background:url(7px 7px 14px;margin-bottom:4px;overflow:hidden} #slideBox .oneline{line-height:33px;}