WEB开发中的右键自定义菜单

项目需要一个右键自定义的菜单,包括一些常用的功能,在网上搜索到一个代码,感觉效果不错,放在此处供大家使用,代码版权归原作者所有

下面看看我使用的效果图:

 
代码包括2个文件: JS代码文件menu0.js,样式表文件main.css
menu0.js  代码如下:

//  JavaScript Document

var  strMenu  =   " <div id="menu" class="clsMenu" onMouseover="highlight()" onMouseout="lowlight()"> "
strMenu 
+=   " <div class="menuitems" onClick="javascript:history.back()">返回</div> "
strMenu 
+=   " <div class="menuitems" onClick="javascript:history.forward()">前进</div> "
strMenu 
+=   " <div class="menuitems" onClick="javascript:location.reload()">刷新</div> "
strMenu 
+=   " <div class="menuitems" onClick="javascript:print()">打印</div> "

strMenu 
+=   " <hr color=#999999 size=1> "
strMenu 
+=   " <div class="menuitems" onClick="javascript:location.href='index.html'">系统首页</div> "
strMenu 
+=   " <div class="menuitems" onClick="javascript:location.href='map.html'">系统帮助</div> "
// strMenu += "<div class="menuitems" onClick="javascript:location.href='feedback.html'">D??¢·′à?</div>"
//
strMenu += "<div class="menuitems" onClick="javascript:location.href='job.html'">3???ó¢2?</a></div>"

strMenu 
+=   " <div class="menuitems" onClick="javascript:location.href='mailto:scutde@21cn.com'">联系我们</a></div> "
strMenu 
+=   " <div class="menuitems" onClick="javascript:location.href='law.html'">退出系统</a></div> "
strMenu 
+=   " </div> "

//  
function  ie()  {
    
if (navigator.appName=="Microsoft Internet Explorer"{
        
return true;
    }
 else {
        
return false;
}
}


//  
function  showmenu() {
    
if (ie()){
    
// 
    var rightedge=document.body.clientWidth-event.clientX
    
var bottomedge=document.body.clientHeight-event.clientY
  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值