本文实例讲述了射流研究…实现兼容性好，带缓冲的动感网页右键菜单效果。分享给大家供大家参考。具体如下：

这是一款兼容好带缓冲的动感网页右键菜单，应该来说做的非常棒，完全Java脚本语言的实现，我觉得挺不错，感谢作者。

运行效果截图如下：

在线演示地址如下：

http://演示。JB 51。net/js/2015/js-DG-右键-菜单-样式-代码/

具体代码如下：

！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；字符集=GB 2312/标题右键菜单/titlestyle type='text/css'div，body，span，ul，Li { padd :0 margin :0 font-size :12 px；}ul，ol { list-style-type : none；} # div1 { width:196px高度：296 pxpadding:2px飞越：隐藏；位置：绝对；border:1px固体# 666;left :200 pxtop :50 pxdisplay : nonez-索引=1;-web套件-box-shadow :1 px 3px 4px # 888；盒影：1 px 3px 4px # 888-moz-box-shadow :1 px 3px 4px # 888；} # ul Li { width :176 pxh three :25 px线高：25 px光标：指针指针；飞越：隐藏；左填充left:20px}。tip { width :500 pxh three :25 px font-size :20 px；margin :50 px 200pxcolor : red }/style脚本类型=' text/JavaScript ' var g _ Odiv={ }；var oDiv=null var g _ iSpeed=0；var t=nullwindow。onload=function(){ PoLu()；oDiv=文档。getelementbyid(' div 1 ')；奥迪夫。风格。高度=' 0px文件。oncontext menu=function(ev){ var oEvent=window。事件| | evcancelDefault(oEvent)；g_oDiv .MouseX=oEvent.clientXg_oDiv .MouseY=oevent . clientyodiv . style . left=g _ oDiv .MouseX ' pxoDiv.style.top=g_oDiv .MouseY ' px/*初始化经过背景为空*/var OUl=文档。getelementbyid(' ul ')；瓦尔阿里=OUl。GetElementsBytagname(' Li ')；for(var I=0；iLi . LengiI){ AlI[I]。风格。背景=无；} clearInterval(t)；doDiv()；}文档。尸体。onmousedown=function(ev){ var oEvent=window。事件| | evclearInterval(t)；g _ iSpeed=0；g _ odiv。h=0；奥迪夫。风格。高度=g _ odiv。h ' px奥迪夫。风格。显示='无'；} odiv。onmousedown=function(ev){ var oEvent=window。事件| | evoEvent.cancelBubble=true } }函数DoDiv(ev){ var oEvent=window。事件| | ev奥迪夫。风格。display=' blockt=setInterval(doMove，30)；}函数doMove(){ if(odiv。offset heat=302){ g _ iSpeed *=-0.7；奥迪夫。风格。高度=302 ' px} g _ Odiv。h=g _ isPeed Odiv。偏移光线；g _ iSpeed=10odiv。风格。高度=g _ odiv。h ' px}函数cancelDefault(oEvent){ if(oEvent。防止默认){ oEvent。防止默认值()；} else { oevent。返回值=false}}/* 对里操作后的动作的定义*/function PoLu(){ var OUl=document。GetElementBYid(' ul ')；瓦尔阿里=OUl。GetElementsBytagname(' Li ')；for(var I=0；iaLi.lengthi ){ aLi[i].aIndex=I；aLi[i].onmouseover=function(){ for(j=0；jaLi.lengthj ){ aLi[j]。风格。背景=' none } AlI[这个。AIndex]。风格。背景=' # ffbb 66} aLi[i].onclick=function(){ clearInterval(t)；奥迪夫。风格。显示='无'；alert(this.innerHTML '你可以在这里自定义自己的方法啦');} } }/script/head body style=' width :2000 px；height:800px'div class='tip '右键点击游览器呗/div div id='div1' ul id='ul' li这是第一行/li li这是第二行/li li这是第三行/li li这是第四行/li li这是第五行/li li这是第六行/li li这是第一行/li li这是第二行/li li这是第三行/li li这是第四行/li li这是第五行/li li这是第六行/li /ul /div/body/html希望本文所述对大家的Java脚本语言程序设计有所帮助。