首页 / JAVASCRIPT / Dron右键菜单v1.0_javascript技巧

Dron右键菜单v1.0_javascript技巧

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了Dron右键菜单v1.0_javascript技巧，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含2510字，纯文字阅读大概需要4分钟。

内容图文

<!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=""> 
<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 id=\"rightmenu\"></div>"); 
document.write("<div 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>

内容总结

以上是互联网集市为您收集整理的Dron右键菜单v1.0_javascript技巧全部内容，希望文章能够帮你解决Dron右键菜单v1.0_javascript技巧所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/305802.html

来源：【匿名】