<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>
- 1
- 2
- 3
前往页