来自阿里巴巴网的滑动TAB导航特效_易贤网_足球游戏

来自阿里巴巴网的滑动TAB导航特效

来源：易贤网阅读：700 次日期：2015-04-16 16:24:27

温馨提示：易贤网小编为您整理了“来自阿里巴巴网的滑动TAB导航特效”,方便广大网友查阅！

代码简介：来自阿里巴巴网的滑动TAB导航特效

代码内容：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" " xmlns=">来自阿里巴巴网的滑动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(/;} ) 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} ).getElementsByTagName("li"); for(var i=0;i<sTabList.length;i++){ var obj = sTabList[i].getElementsByTagName("a")[0]; sTabList[i].getElementsByTagName("a")[0].id="slideBtn_"+(i+1); if (obj.addEventListener) { obj.addEventListener( "mouseover", overSlide, false ); } else if (obj.attachEvent) { obj.attachEvent( "onmouseover", overSlide ); } } function overSlide(e){ e = window.event || e; var srcElement = e.srcElement || e.target; var newTabIndex=srcElement.id.replace("slideBtn_",""); var pos = srcElement.parentNode.className; if(newTabIndex==""||pos.indexOf("_h")!=-1)return; document.getElementById("slideBtn_"+slideTabIndex).parentNode.className=document.getElementById("slideBtn_"+slideTabIndex).parentNode.className.replace("_h",""); document.getElementById("sc_"+slideTabIndex).className="hide"; document.getElementById("sc_"+newTabIndex).className="cont_"+pos; srcElement.parentNode.className = pos+"_h"; slideTabIndex=newTabIndex; } </script></body></html><br><p><a href="">网页代码站</a> - 最专业的代码下载网站 - 致力为中国站长提供有质量的代码！</p>

中国足彩网信息请查看IT技术专栏

中国足彩网信息请查看脚本栏目

上一篇：团队开发中的CSS规范总结

下一篇：a标签样式,a标签属性

易贤网手机网站地址：来自阿里巴巴网的滑动TAB导航特效

由于各方面情况的不断调整与变化，易贤网提供的所有考试信息和咨询回复仅供参考，敬请考生以权威部门公布的正式信息和咨询为准！