首页
微信
安卓
接口
移动
前端
专题
文档库
工具
网址
§
ITPOW
>>
文档
>>
JavaScript
>>
鼠标键盘
自制右键菜单
作者:chilleen 来源:ITPOW
(原创)
日期:2004-10-8
<html> <head> <style> <!-- .Menu{ cursor:default; font-size: 9pt; width:80px; height:70px; background-color:menu; border:2 outset buttonhighlight; position:absolute; visibility:hidden; } .item{ padding-left:5px; padding-top:2px; } --> </style> </head> <body> 请点右键! <div id="menu" class="Menu" onmouseover="JavaScript:mouseover()" onmouseout="JavaScript:mouseout()" onclick="JavaScript:MyEvent()"> <div class="item" url="http://www.nettun.com/cjava"><img src="/upload/117/menu1.gif" width="15" height="15">本站首页</div> <div class="item" url="http://www.nettun.com/cjava/guestbook.asp"><img src="/upload/117/menu2.gif" width="15" height="15">给我留言</div> <div class="item" url="mailto:chilleen@163.com"><img src="/upload/117/menu3.gif" width="15" height="15">给我写信</div> </div> <script type="text/javascript"> <!-- document.all.menu.style.visibility="hidden"; var offsetX=2,offsetY=2; function mouseover() { if(event.srcElement.className=="item") { event.srcElement.style.backgroundColor="highlight"; event.srcElement.style.color="#FFFFFF"; window.status=event.srcElement.url; } } function mouseout() { if(event.srcElement.className=="item") { event.srcElement.style.backgroundColor=""; event.srcElement.style.color=""; window.status=""; } } function MyEvent() { if(event.srcElement.className=="item") { window.open(event.srcElement.url,"",""); } } function ShowMenu() { if(event.button==1) return; MenuPosX=document.body.scrollLeft+event.clientX-offsetX; MenuPosX=((document.body.clientWidth-event.clientX)>menu.offsetWidth)?MenuPosX:MenuPosX-menu.offsetWidth; MenuPosY=document.body.scrollTop+event.clientY-offsetY; MenuPosY=((document.body.clientHeight-event.clientY)>menu.offsetHeight)?MenuPosY:MenuPosY-menu.offsetHeight; document.all.menu.style.pixelLeft=MenuPosX; document.all.menu.style.pixelTop=MenuPosY; document.all.menu.style.visibility="visible"; } function HideMenu() { document.all.menu.style.visibility="hidden"; } function HideSysMenu() { return false; } document.onmousedown=ShowMenu; document.body.onclick = HideMenu; document.oncontextmenu=HideSysMenu; window.onblur=HideMenu; --> </script> </body> </html>
[Ctrl+A 全部选择 提示:你可先修改部分代码,再按运行]
相关文章
创建于2005年
渝ICP备05010272号-1
电邮:
cftea@126.com
即将跳转...