本文實(shí)例講解了javascript鼠標(biāo)右鍵菜單的實(shí)現(xiàn)方法,分享給大家供大家參考,具體內(nèi)容如下
效果圖:

具體代碼:
<html> <head> <meta charset="gb2312" /> <title></title> <style> #menu{ border:solid 1px gray; width:100px; display:none; position:absolute; background-color:ghostwhite; margin: 0; padding: 0; list-style-type: none; } #menu>li{ border-bottom: dashed 1px gray; } </style> <script type="text/javascript"> window.onload=function(){ var oUl=document.getElementById('menu'); document.oncontextmenu=function(ev){ var oEvent=ev||event; //一定要加px,要不然chrom不認(rèn) oUl.style.top=oEvent.clientY+'px'; oUl.style.left=oEvent.clientX+'px'; oUl.style.display='block'; return false; } document.onclick=function(){ oUl.style.display='none'; } }; </script> </head> <body><ul id="menu"> <li><a href="http://m.survivalescaperooms.com/" target="_blank">武林網(wǎng)</a></li> <li><a href="http://m.survivalescaperooms.com/" target="_blank">武林網(wǎng)</a></li> <li><a href="http://m.survivalescaperooms.com/" target="_blank">武林網(wǎng)</a></li> <li><a href="http://m.survivalescaperooms.com/" target="_blank">武林網(wǎng)</a></li></ul> </body></html>希望本文所述對(duì)大家學(xué)習(xí)javascript程序設(shè)計(jì)有所幫助。
新聞熱點(diǎn)
疑難解答
圖片精選
網(wǎng)友關(guān)注