📄 example.htm
字号:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<script language="JScript.Encode" src="popmenu.js"></script>
<script language="JavaScript">
var menu = null; //菜单的全局变量
var menuItem = new Array("第一项","第二项","第三项","第四项","第五项");
function getItem(text) { //回调函数
document.all("trymenu").value = text;
}
function initMenu() { //初始化菜单，在onload事件中调用
menu = new popMenu("menu",getItem,menuItem);
//你也可以这样写
//menu = new popMenu("menu",getItem);
//menu.setItem(menuItem);
menu.setPosition(document.all("trymenu")); //设置菜单的位置
//你也可以这样写
//menu.setPosition(null,"100px","200px"); //这样会将菜单显示在距左100px，距上200px的位置上。
}
function doClick() {
window.event.cancelBubble = true; //这个一定要写上，否则会引发document.onclick，这样会使菜单重新隐藏。
menu.show();
document.all("showMenu").innerText = menu.isShow() ? "菜单已经显示了" : "菜单已经关闭了";
//你也可以这样写menu.show(true)
}
function viewStatus() {
document.all("showMenu").innerText = menu.isShow() ? "菜单已经显示了" : "菜单已经关闭了";
}
function addItem() {
menu.addItem("增加一项",2); //增加一个菜单项到索引2的位置。
//menu.addItem("增加一项"); 这样写是增加到最后一项
}
function removeItem() {
menu.removeItem(2); //删除索引二的项
//menu.removeItem(); 这样写是删除最后一项
}
</script>
</head>
<body onload="initMenu()">
<table>
<tr><td><a href="http://www.oceanstudio.net"><img border="0" src="logo.jpg"></a></td></tr>
</table>
<br>
<div align="center" style="font-size:14pt;font-weight:bold">pop menu 2.01 演示 -- ocean(ocean@garden.net.cn)</div>
<div align="center"><input id="trymenu" size=10 onclick="doClick()"><点点我试试</div>
<input type="button" onclick="menu.deleteSelf();" value="删除菜单"><input type="button" onclick="initMenu();" value="生成菜单"><input type="button" onclick="viewStatus();" value="显示状态"><input type="button" onclick="addItem()" value="增加一项"><input type="button" onclick="removeItem()" value="删除一项"><br>
<span id="showMenu"></span>
<hr width="50%" style="color: #FF0000">
<div style="text-align:center;font-size:9pt">copyright 2004 © 海洋工作室（<a href="mailto:ocean@forever.net.cn">ocean@forever.net.cn</a>）</div>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
</body>
</html>⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -