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

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

Javascript: js返回当前网页的url; 简明json介绍; JavaScript在IE中“意外地调用了方法或属性访问”; JS获得鼠标位置（兼容多浏览器ie,firefox）修正版; JavaScript 基础问答四; 支持多浏览器(IE、Firefox、Opera)剪切板复制函数; js 解决“options为空或不是对象”; 走出JavaScript初学困境—js初学; JavaScript入门教程(6) Window窗口对象; JavaScript 快捷键设置实现代码; Extjs Ajax 乱码问题解决方案; JavaScript 实现模态对话框源代码大全; [原创]js 日期加红代码适用于各种cms; 论坛里点击别人帖子下面的回复，回复标题变成“回复 24# 的帖子”; [原创]javascript 改变字体大小方法集合; javascript 单行文字向上跑马灯滚动显示; 一个简单的javascript类定义例子; javascript 类定义的4种方法; javascript类继承机制的原理分析; firefox(火狐)和ie浏览器禁止右键和禁止复制的代码

No. « ‹ 183 184 185 186 › »

技术文章搜索

关键字

Javascript 中的 Dron右键菜单 v1.0

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

收藏到网摘: 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