JS实现仿闪光效果的竖排导航代码

本文实例讲述了射流研究…实现仿闪光效果的竖排导航代码。分享给大家供大家参考。具体如下：

这是一款JS CSS实现的闪光效果的导航菜单，竖向排列，兼容性好，由Java脚本语言妙味课堂的朋友编写，欢迎测试。

运行效果截图如下：

在线演示地址如下：

http://demo.jb51.net/js/2015/js-flash-style-v-nav-codes/

具体代码如下：

！DOCTYPE html PUBLIC '-//W3C//DTD XHTML 1.0 Transitional//EN ' ' http://www .w3。org/TR/XHTML 1/DTD/XHTML 1-Transitional。DTD ' html xmlns=' http://www .w3。org/1999/XHTML ' hearteta http-equiv=' Content-Type ' Content=' text/html；charset=utf-8' /title仿闪光的竖排导航/title样式李{边距-底部： 2px列表样式：无；背景： URL(图片/BG。gif)repeat-x 0 1px；向左浮动：clear:左侧；光标：指针-;} a { display:块；宽度： 120像素；高度： 25px线高： 25px相对位置：padding: 0 6pxborder: 1px固体# d6d6d6文本装饰：无；font-size : 12pxcolor: # 555} a :悬停{ font-weight : bold；border: 1px固体# b5b5b5} span { display:块；宽度： 9px高度： 8px飞越：隐藏；背景： URL(图片/ico。gif)不重复；绝对位置：top : 8pxright : 10px }/style脚本类型=' text/JavaScript '窗口。onload=function(){ var Aa=document。getelementbyid('菜单').getElementsByTagName(' a ')；var I=0；for(I=0；iaA.lengthi ) { aA[i].iTime=nullaA[i].iSpeed=6；aA[i].onmouseover=function(){ GoTime(this，30，1)；} aA[i].onmouseout=function(){ GoTime(this，6，-1)；} } }函数goTime(obj，iTarget，toggle){ if(obj。Itime){ clearInterval(obj。itime)；} obj。itime=set interval(function(){ if(obj。is peed===itar get){ clearInterval(obj。itime)；obj . Itime=null } else { obj . isPeed=2 *切换；物体。风格。左填充=obj。ispeed ' px物体。风格。向右填充=obj。ispeed ' px} },30);}/script/head dyul id=' menu ' lia href=' # ' target=' _ blank '首页/span/a/Li Li网页特效跨度/跨度/a/li lia相关知识/span/a/Li Li关于我们/span/a/Li Li联系我们span/span/a/li/ul/body/html希望本文所述对大家的Java脚本语言程序设计有所帮助。