js右键菜单效果代码


Posted in Javascript onJuly 21, 2007

将以下代码添加到<head>与</head>之间 
---------------------------------- 

<script language='javascript'> 
/*******以下内容可以修改***************/ 
var mname=new Array( 
"首  页", 
"修  改", 
"下  载", 
"删  除", 
"新  建", 
"刷  新" 
); 
//mname是菜单对应的名称,数组的个数必须与下面murl对应 

var murl=new Array( 
"window.open('http://www.cn5.cn','_blank','');", 
"alert('修改');", 
"alert('download');", 
"alert('delete');", 
"alert('new');", 
"alert('refresh');" 
); 
//murl是菜单对应的操作,可以是任意javascript代码但是要注意不要在里面输入\",只能用' 
//如果要实现跳转可以这样window.location='url';  
var ph=18,mwidth=50;//每条选项的高度,菜单的总宽度 
var bgc="#eee",txc="black";//菜单没有选中的背景色和文字色 
var cbgc="darkblue",ctxc="white";//菜单选中的选项背景色和文字色 

/****************以下代码请不要修改******************/ 
var mover="this.style.background='"+cbgc+"';this.style.color='"+ctxc+"';" 
var mout="this.style.background='"+bgc+"';this.style.color='"+txc+"';" 

document.oncontextmenu=function() 
{  
 mlay.style.display=""; 
 mlay.style.pixelTop=event.clientY; 
 mlay.style.pixelLeft=event.clientX; 
 return false; 

function showoff() 

 mlay.style.display="none"; 

function fresh() 

 mlay.style.background=bgc; 
 mlay.style.color=txc; 
 mlay.style.width=mwidth; 
 mlay.style.height=mname.length*ph; 
 var h="<table width=100% height="+mname.length*ph+"px cellpadding=0  cellspacing=0 border=0>"; 
 var i=0; 
 for(i=0;i<mname.length;i++) 
 { 
  h+="<tr align=center height="+ph+" onclick=\""+murl[i]+"\" onMouseover=\""+mover+"\" onMouseout=\""+mout+"\"><td style='font-size:9pt;'>"+mname[i]+"</td></tr>"; 
 } 
 h+="</table>"; 
 mlay.innerHTML=h; 

</script> 

---------------------------------- 
将以下代码替换<body>标签 
---------------------------------- 
<body onClick="showoff();" onload="fresh();">
---------------------------------- 
在<body>与</body>之间插入以下代码 
---------------------------------- 
<div id="mlay" style="position:absolute;display:none;cursor:default;" onClick="return false;"></div>
---------------------------------- 
完!!! 
:) 

Javascript 相关文章推荐
用javascript实现的支持lrc歌词的播放器
May 17 Javascript
JavaScript中String和StringBuffer的速度之争
Apr 01 Javascript
用JQuery模仿淘宝的图片放大镜显示效果
Sep 15 Javascript
用jquery实现的一个超级简单的下拉菜单
May 18 Javascript
Javascript实现商品秒杀倒计时(时间与服务器时间同步)
Sep 16 Javascript
js获取时间函数及扩展函数的方法
Oct 30 Javascript
jQuery基于ajax实现页面加载后检查用户登录状态的方法
Feb 10 Javascript
基于JavaScript实现的折半查找算法示例
Apr 14 Javascript
微信小程序 支付后台java实现实例
May 09 Javascript
详解Angular之constructor和ngOnInit差异及适用场景
Jun 22 Javascript
webstorm+vue初始化项目的方法
Oct 18 Javascript
Vue.js + Nuxt.js 项目中使用 Vee-validate 表单校验
Apr 22 Javascript
$()JS小技巧
Jul 21 #Javascript
IE 缓存策略的BUG的解决方法
Jul 21 #Javascript
用JS实现的一个include函数
Jul 21 #Javascript
代码精简的可以实现元素圆角的js函数
Jul 21 #Javascript
发布BlueShow v1.0 图片浏览器(类似lightbox)blueshow.js 打包下载
Jul 21 #Javascript
用javascript实现读取txt文档的脚本
Jul 20 #Javascript
符合W3C网页标准的iframe标签的使用方法
Jul 19 #Javascript
You might like
PHP 万年历实现代码
2012/10/18 PHP
php实现统计邮件大小的方法
2013/08/06 PHP
laravel5.1框架model类查询的实现方法
2019/10/08 PHP
JQuery EasyUI 对话框的使用方法
2010/10/24 Javascript
jQuery操作 input type=checkbox的实现代码
2012/06/14 Javascript
iframe窗口高度自适应的又一个巧妙实现思路
2014/04/04 Javascript
jquery 操作css样式、位置、尺寸方法汇总
2014/11/28 Javascript
javascript面向对象之this关键词用法分析
2015/01/13 Javascript
jQuery Mobile框架中的表单组件基础使用教程
2016/05/17 Javascript
深入理解jquery跨域请求方法
2016/05/18 Javascript
js从数组中删除指定值(不是指定位置)的元素实现代码
2016/09/13 Javascript
js实现不提示直接关闭网页窗口
2017/03/30 Javascript
引入JavaScript时alert弹出框显示中文乱码问题
2017/09/16 Javascript
Vue如何从1.0迁移到2.0
2017/10/19 Javascript
angular基于ng-alain定义自己的select组件示例
2018/02/23 Javascript
mint-ui在vue中的使用示例
2018/04/05 Javascript
Vue使用vux-ui自定义表单验证遇到的问题及解决方法
2018/05/10 Javascript
解决layui数据表格table的横向滚动条显示问题
2019/09/04 Javascript
layer.open 子页面弹出层向父页面传输数据的例子
2019/09/26 Javascript
Vue 使用Props属性实现父子组件的动态传值详解
2019/11/13 Javascript
Vuex模块化应用实践示例
2020/02/03 Javascript
小程序实现录音功能
2020/09/22 Javascript
vue使用element-ui实现表单验证
2020/12/13 Vue.js
[37:50]VP vs TNC Supermajor小组赛B组 BO3 第一场 6.2
2018/06/03 DOTA
Python基于回溯法子集树模板实现图的遍历功能示例
2017/09/05 Python
django用户注册、登录、注销和用户扩展的示例
2018/03/19 Python
python求质数的3种方法
2018/09/28 Python
使用Django连接Mysql数据库步骤
2019/01/15 Python
美国求婚钻戒网站:Super Jeweler
2016/08/27 全球购物
铭立家具面试题
2012/12/06 面试题
C#里面如何倒序排列一个数组的元素?
2013/06/21 面试题
教育实习生的自我评价分享
2013/11/21 职场文书
加强机关作风建设心得体会
2014/10/22 职场文书
课文《燕子》教学反思
2016/02/17 职场文书
使用Python脚本对GiteePages进行一键部署的使用说明
2021/05/27 Python
Python中re模块的元字符使用小结
2022/04/07 Python