<html><HEAD><TITLE>右键菜单的淡入淡出效果</TITLE><META content=”text/html; charset=gb2312″ http-equiv=Content-Type><SCRIPT language=JavaScript><!– // RightClickMenuvar intDelay=10; //设置菜单显示速度,越大越慢var intInterval=5; //每次更改的透明度function showmenuie5(){ var rightedge=document.body.clientWidth-event.clientX var bottomedge=document.body.clientHeight-event.clientY if (rightedge<ie5menu.offsetWidth) ie5menu.style.left=document.body.scrollLeft+event.clientX-ie5menu.offsetWidth else ie5menu.style.left=document.body.scrollLeft+event.clientX if (bottomedge<ie5menu.offsetHeight) ie5menu.style.top=document.body.scrollTop+event.clientY-ie5menu.offsetHeight else ie5menu.style.top=document.body.scrollTop+event.clientY ie5menu.style.visibility=”visible” //ie5menu.style.visibility=”” ie5menu.filters.alpha.opacity=0 GradientShow() return false}function hidemenuie5(){ //ie5menu.style.visibility=”hidden” GradientClose()}function highlightie5(){ if (event.srcElement.className==”menuitems”){ event.srcElement.style.backgroundColor=”highlight” event.srcElement.style.color=”white” }}function lowlightie5(){ if (event.srcElement.className==”menuitems”){ event.srcElement.style.backgroundColor=”” event.srcElement.style.color=”#000000″ }} function jumptoie5(){ if (event.srcElement.className==”menuitems”){ if (event.srcElement.url != ”){ if (event.srcElement.getAttribute(“target”)!=null) window.open(event.srcElement.url,event.srcElement.getAttribute(“target”)) else window.location=event.srcElement.url } }}function GradientShow() //实现淡入的函数 { ie5menu.filters.alpha.opacity+=intInterval if (ie5menu.filters.alpha.opacity<100) setTimeout(“GradientShow()”,intDelay)} function GradientClose() //实现淡出的函数 { ie5menu.filters.alpha.opacity-=intInterval if (ie5menu.filters.alpha.opacity>0) { setTimeout(“GradientClose()”,intDelay) } else { ie5menu.style.visibility=”hidden” } } function ChangeBG() //改变菜单项的背景颜色,这里的两种颜色值可以改为你需要的 { oEl=event.srcElement if (oEl.style.background!=”navy”) { oEl.style.background=”navy” } else { oEl.style.background=”#cccccc” } } // –></SCRIPT><STYLE type=text/css>.cMenu { FILTER: alpha(opacity=0);BACKGROUND-COLOR: #D6D3CE;BORDER-BOTTOM: #666666 2px solid; BORDER-LEFT: #E4E4E4 2px solid; BORDER-RIGHT: #666666 2px solid; BORDER-TOP: #E4E4E4 2px solid; COLOR: #000000; CURSOR: default; FONT-SIZE: 9pt; color:#000000;FONT-WEIGHT: normal; LINE-HEIGHT: 20px; POSITION: absolute; VISIBILITY: hidden; WIDTH: 110px}.menuitems { font-size:9pt; MARGIN: 2px; PADDING-BOTTOM: 0px;PADDING-LEFT: 15px;PADDING-RIGHT: 3px;PADDING-TOP: 0px;}</STYLE><META content=”Microsoft FrontPage 4.0″ name=GENERATOR></HEAD><BODY><OBJECT classid=CLSID:8856F961-340A-11D0-A96B-00C04FD705A2 height=0 id=WebBrowser width=0></OBJECT><RIGHTCLICK><!–[if IE]><DIV class=cMenu id=ie5menu onclick=jumptoie5() onmouseout=lowlightie5() onmouseover=highlightie5()><DIV class=menuitems url=”javascript:click_obj(0)”>后退</DIV><DIV class=menuitems url=”javascript:click_obj(1)”>前进</DIV><DIV class=menuhr><hr style=”width:100%”></DIV><DIV class=menuitems url=”javascript:click_obj(2)”>刷新</DIV><DIV class=menuitems url=”javascript:click_obj(3)”>加入收藏夹</DIV><DIV class=menuitems url=”javascript:click_obj(4)”>查看源文件</DIV><DIV class=menuhr><hr style=”width:100%”></DIV><DIV class=menuitems url=”javascript:click_obj(5)”>属性</DIV></DIV><![endif]–><SCRIPT language=JavaScript><!–function click_obj(id){ switch(id){ case 0: history.back() break case 1: history.forward() break case 2: window.location.reload() break case 3: window.external.AddFavorite(location.href, document.title) break case 4: window.location = “view-source:” + window.location.href break case 5: document.all.WebBrowser.ExecWB(10,1) break }}if (document.all&&window.print){ ie5menu.className=”cMenu” document.oncontextmenu=showmenuie5 document.body.onclick=hidemenuie5}//–></SCRIPT></RIGHTCLICK></BODY></HTML> [Ctrl+A 全部选择 提示:你可先修改部分代码,再按运行] 欢迎大家阅读《凸显个性 网页右键菜单我作主_js》,跪求各位点评,若觉得好的话请收藏本文,by 搞代码 搞代码网(gaodaima.com)提供的所有资源部分来自互联网,如果有侵犯您的版权或其他权益,请说明详细缘由并提供版权或权益证明然后发送到邮箱[email protected],我们会在看到邮件的第一时间内为您处理,或直接联系QQ:872152909。本网站采用BY-NC-SA协议进行授权 转载请注明原文链接:凸显个性 网页右键菜单我作主_js 喜欢 (0)赏[搞代码]分享 (0)