当鼠标点击上去悬浮,动态翻滚的导航条.docVIP

!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN /TR/xhtml1/DTD/xhtml1-transitional.dtd meta http-equiv Content-Type content text/html; charset gb2312 / 动态翻滚的导航条 style type text/css .clear:after content:.; display:block; height:0; clear:both; visibility:hidden .clear display:inline-block .clear display:block div#nav height:32px; background:url /demoimg/200911/YL29.jpg repeat-x div#nav ul width:705px; list-style:none; margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: 0px; div#nav ul li float:left; height:32px; overflow:hidden; background-image: url /demoimg/200911/YL30.jpg ; background-repeat: repeat-y; background-position: right 0; padding-top: 0; padding-right: 1px; padding-bottom: 0; padding-left: 0px; font-family: Arial; font-size: 12px; line-height: 32px; font-weight: bold; div#nav ul li a float:left; height:100%; width: 77px; background:url /demoimg/200911/YL28.jpg repeat-x; color:#fff; text-decoration:none; padding-top: 0; padding-right: 5px; padding-bottom: 0; padding-left: 5px; text-align:center; div#nav ul li a.hover clear:both; background-position:0 -32px; width: 77px; div#nav ul li.on a background-position:0 -32px; div#nav ul li.nobg background:none /* ]] */ div id nav ul class clear a href 脚本之家 a href # 网页特效 a href # 工具软件 a href # 源码下载 a href # 菜单导航 a href # 层和布局 a href # 论坛社区 a href # 广告联系 li class nobg script type text/javascript /* ![CDATA[ */ function nav c, config this.config config || speed: 10, num: 2 ; this.container typeof c object ? c : document.getElementById c ; this.lineHeight this.container.offsetHeight; this.scrollTimeId null; var _this this; this.__construct function var inner,el,href; inner _this.container.childNodes[0].innerHTML; href _this.container.childNodes[0].href; el document.createElement a ; el.innerHTML inner; el.href href; el.className hover; _this.container.appendChild el ; _this.container.onmouseover