Dron右键菜单 v1.0- Javascript - 软晨网（RuanChen.com）

当前位置: 首页 > 图文教程 > 网络编程 > Javascript > Dron右键菜单 v1.0

技术文章搜索

关键字

Javascript 中的 Dron右键菜单 v1.0

出处:互联网 整理: 软晨网（RuanChen.com） 发布: 2009-10-12 浏览: 105 ::

收藏到网摘: n/a

使javascript也能包含文件 HTML里select的CSS样式的改变

点击运行可以看到效果:

<!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>

[Ctrl+A 全选提示:你可先修改部分代码,再按运行]

使javascript也能包含文件 HTML里select的CSS样式的改变

Javascript 中的 Dron右键菜单 v1.0

评论 (0) All