JavaScript实现的jsp页面右键菜单，IE运行，请高手修改兼容性

共26个文件

gif：22个

css：1个

html：1个

JavaScript

jsp页面

右键菜单

IE运行

5星 · 超过95%的资源需积分: 33 122 浏览量 2013-08-01 21:11:48 上传评论 2 收藏 19KB RAR 举报

资源推荐

资源详情

资源评论

收起资源包目录

rightMenu.rar （26个子文件）

rightMenu

common

rightMenu.css 937B

rightMenu.js 6KB

image

menu_bg.gif 52B

m_splitLine.gif 43B

m_arrow.gif 159B

m_item.gif 46B

rightMenu.html 3KB

image

ico6-1.gif 1KB

ico5.gif 1KB

ico4-2.gif 1KB

ico6-2.gif 571B

addStep.gif 618B

ico2.gif 1003B

delItem_dsbl.gif 988B

delItem.gif 989B

ico4.gif 1KB

none.gif 55B

ico4-1.gif 1KB

ico6.gif 562B

ico1.gif 1015B

ico4-1-1.gif 1KB

ico4-4.gif 1KB

ico3.gif 540B

ico4-3.gif 1KB

addStep_dsbl.gif 601B

rightMenu.html.bak 3KB

<html> <head> <meta name="Author" content="gugao"> <meta name="Description" content="Produces by JWI (http://www.51jsr.com)"> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <meta http-equiv="imagetoolbar" content="no" /> <title></title> <link href="common/rightMenu.css" type="text/css" rel="stylesheet" /> <script type="text/javascript" src="common/rightMenu.js"></script> <style> .font {font: normal 12px tahoma, arial, helvetica, sans-serif;} </style> </head> <body> <div id="div3" style="width:400px;height:100px;border:1px solid #ffFF00"></div> <div id="div4" style="height:160px;border:1px solid #00FF00"></div> <br/> <span>在不同的框中点击试试</span> </body> <script> rule = { div3: { name: "div3", disable: true, items: ["1-2", "2-3", "2-4", "1-6"] }, div4: { name: "div4", disable: false, items: ["1-2", "2-3", "2-4", "1-6", "4-2"] }, div2: { name: "div2", disable: true, items: [] } }, testShow = function() { if(this.srcElement.id == "div3") { rm.applyRule(rule[this.srcElement.id]); rm.show(this.clientX, this.clientY); }else if(this.srcElement.id == "div4") { rm.applyRule(rule[this.srcElement.id]); rm.show(this.clientX, this.clientY); }else { rm.applyRule(rule["div2"]); rm.show(this.clientX, this.clientY); } }, rm = new RigthMenu({width: 150, items: [ {text: "第一项", icon: "image/ico1.gif", alias: "1-1", action: function(){alert("1-1")} }, {text: "第二项", icon: "image/ico2.gif", alias: "1-2", action: function(){alert("1-2")} }, {text: "第三项", icon: "image/ico3.gif", alias: "1-3", action: function(){alert("1-3")} }, {type: "splitLine"}, {text: "组一集合", icon: "image/ico4.gif", alias: "1-4", type: "group", width: 170, items: [ {text: "组三集合", icon: "image/ico4-1.gif", alias: "2-2", type: "group", width:190, items: [ {text: "组3一项", icon: "image/ico4-1-1.gif", alias: "3-1", action: function(){alert("3-1")} }, {text: "组3二项", icon: "image/ico4-1-1.gif", alias: "3-2", action: function(){alert("3-2")} } ]}, {text: "组1一项", icon: "image/ico4-2.gif", alias: "2-1", action: function(){alert("2-1")} }, {text: "组1二项", icon: "image/ico4-3.gif", alias: "2-3", action: function(){alert("2-3")} }, {text: "组1三项", icon: "image/ico4-4.gif", alias: "2-4", action: function(){alert("2-4")} } ] }, {type: "splitLine"}, {text: "第四项", icon: "image/ico5.gif", alias: "1-5", action: function(){alert("1-5")} }, {text: "组二集合", icon: "image/ico6.gif", alias: "1-6", type: "group", width: 180, items: [ {text: "组2一项", icon: "image/ico6-1.gif", alias: "4-1", action: function(){alert("4-1")} }, {text: "组2二项", icon: "image/ico6-2.gif", alias: "4-2", action: function(){alert("4-2")} } ] } ], onShow: testShow }); rm.bind(document.body); </script> </html>

评论收藏

内容反馈