Dron右鍵菜單 v1.0

2019-11-21 02:28:52

字體：大中小

來源：轉載

供稿：網友

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML> <HEAD> <TITLE> New Document </TITLE> <META NAME="Generator" CONTENT="EditPlus"> <meta name="author" content="http://www.survivalescaperooms.com/"/> <META NAME="Keywords" CONTENT=""> <META NAME="Description" CONTENT=""> <link rel="stylesheet" href="rm.css" type="text/css" media="all"> </HEAD> <BODY onclick="bodyclick(event)" oncontextmenu="return showcontextmenu(event)"> <script type="text/javascript"> /*******************************************/   Dron右鍵菜單 v1.0   This JavaScript was writen by Dron.   @2003-2008 Ucren.com All rights reserved.   (轉載或應用請保留此版權信息) /*******************************************/ var ie = (navigator.appVersion.indexOf("MSIE")!=-1);//IE var ff = (navigator.userAgent.indexOf("Firefox")!=-1);//Firefox document.write("<div   class="iwvjtn8m0"   id=/"rightmenu/"></div>"); document.write("<div   class="iwvjtn8m0"   id=/"rightmenubg/"></div>"); Array.prototype.c = Array.prototype.concat; function buffer() {     var s = [];     s = s.c(["<a href=/"/"> 項目一</a>"]);     s = s.c(["<a href=/"/"> 項目二</a>"]);     s = s.c(["<a href=/"/"> 項目三</a>"]);     s = s.c(["<a href=/"/"> 項目四</a>"]);     s = s.c(["<a href=/"/"> 項目五</a>"]);     s = s.c(["<a href=/"/"> 項目六</a>"]);     s = s.c(["<a href=/"/"> 項目七</a>"]);     s = s.c(["<a href=/"/"> 項目作</a>"]);     s = s.join("");     document.getElementById("rightmenu").innerHTML = s; } var rightmenu = document.getElementById("rightmenu"); var rightmenubg = document.getElementById("rightmenubg"); var body = document.body; var ex=0,ey=0; function showcontextmenu(evt) {     ex = evt.clientX;ey = evt.clientY;     rxy();     rightmenu.style.display = "block";     rightmenubg.style.display = "block";     evt.cancelBubble = true;     return false; } function bodyclick(evt) {     rightmenu.style.display = "none";//關閉右鍵菜單     rightmenubg.style.display = "none";//關閉右鍵菜單 } function rxy() {     var step=3;     if(ie){step=1}     if(ff){step=6}     if(ex+150>body.clientWidth)     {         rightmenu.style.left = ex - 150;         rightmenubg.style.left = ex - 150 + step;     }     else     {         rightmenu.style.left = ex;         rightmenubg.style.left = ex + step;     }     if(ey+200>body.clientHeight)     {         rightmenu.style.top = ey - 160;         rightmenubg.style.top = ey - 160 + step;     }     else     {         rightmenu.style.top = ey;         rightmenubg.style.top = ey + step;     } } function showcontextmenu(evt) {     ex = evt.clientX;ey = evt.clientY;     rxy();     rightmenu.style.display = "block";     rightmenubg.style.display = "block";     evt.cancelBubble = true;     return false; } window.onload = function() {     buffer(); } </script> </BODY> </HTML>

[Ctrl+A 全選注:如需引入外部Js需刷新才能執行]

上一篇：HTML里select的CSS樣式的改變

下一篇：腳本和web頁共用同一個文件測試