当前页面: 开发资料首页 → Javascript 专题 → 程序主菜单之javascript完全模拟
程序主菜单之javascript完全模拟
摘要: 程序主菜单之javascript完全模拟
<head>
</head>
<script language="javascript">
function PageLoad()
{
/*var myMenu = new MainMenu('menu','test.xml');
myMenu.Show();*/
var myMenu = new MainMenu('menu');
var menuFile = new MenuItem('File','文件',null,'F');
var menuSave = new MenuItem('Save','保存','document.execCommand("SaveAs")','S');
var menuExit = new MenuItem('Exit','退出','Exit()','X');
var menuEdit = new MenuItem('Edit','编辑',null,'E');
var menuView = new MenuItem('View','查看',null,'V');
var menuProg = new MenuItem('Prog','通过程序脚本初始化','SelectOpt(this)');
var menuConf = new MenuItem('Conf','通过配置文件初始化','SelectOpt(this)');
var menuChk = new MenuItem('Chk','测试：复选项');
var menuChk1 = new MenuItem('Chk1','测试：复选项1','CheckOpt(this)');
var menuChk2 = new MenuItem('Chk1','测试：复选项2','CheckOpt(this)');
var menuHelp = new MenuItem('Help','帮助',null,'H');
var menuTopics = new MenuItem('Topics','帮助主题',null,'T');
var menuContent = new MenuItem('Content','帮助内容',null,'C');
var menuAbout = new MenuItem('About','关于 MenuItem','alert("MenuItem Ver1.00 by Akira(akira_cn@msn.com)")','A');
menuFile.addChild(menuSave);
menuFile.addChild(menuExit);
menuView.addChild(menuProg);
menuView.addChild(menuConf);
menuView.addLine(); //分隔行
menuView.addChild(menuChk);
menuChk.addChild(menuChk1);
menuChk.addChild(menuChk2);
menuHelp.addChild(menuTopics);
menuHelp.addChild(menuContent);
menuHelp.addLine();
menuHelp.addChild(menuAbout);
myMenu.addItem(menuFile);
myMenu.addItem(menuEdit);
myMenu.addItem(menuView);
myMenu.addItem(menuHelp);
myMenu.Show();
menuEdit.Disable();
menuTopics.Disable();
menuContent.Disable();
menuProg.Select();
menuChk1.Check();
}
function contact()
{
alert('联系我们');
}
function Exit()
{
self.opener = self;
self.close();
}
function SelectOpt(target)
{
var editBox1 = document.getElementById('editBox1');
var editBox2 = document.getElementById('editBox2');
if (target.id == 'Conf')
{
editBox1.style.display = "none";
editBox2.style.display = "block";
}
else
{
editBox2.style.display = "none";
editBox1.style.display = "block";
}
target.Select();
}
function CheckOpt(target)
{
target.Check();
}
</script>
<body style='padding:0 0 0 0;margin:0 0 0 0' onload='PageLoad()'>
<textarea id="editBox1" style="width:100%;height:90%">
通过程序初始化主菜单的例子：
<script>
var myMenu = new MainMenu('menu');
var menuFile = new MenuItem('File','文件',null,'F');
var menuSave = new MenuItem('Save','保存','document.execCommand("SaveAs")','S');
var menuExit = new MenuItem('Exit','退出','Exit()','X');
var menuEdit = new MenuItem('Edit','编辑',null,'E');
var menuView = new MenuItem('View','查看',null,'V');
var menuProg = new MenuItem('Prog','通过程序脚本初始化','SelectOpt(this)');
var menuConf = new MenuItem('Conf','通过配置文件初始化','SelectOpt(this)');
var menuChk1 = new MenuItem('Chk1','测试：复选项1','CheckOpt(this)');
var menuChk2 = new MenuItem('Chk1','测试：复选项2','CheckOpt(this)');
var menuHelp = new MenuItem('Help','帮助',null,'H');
var menuTopics = new MenuItem('Topics','帮助主题',null,'T');
var menuContent = new MenuItem('Content','帮助内容',null,'C');
var menuAbout = new MenuItem
('About','关于 MenuItem','alert('MenuItem Ver1.00 by Akira(akira_cn@msn.com)')','A');
myMenu.addItem(menuFile);
myMenu.addItem(menuEdit);
myMenu.addItem(menuView);
myMenu.addItem(menuHelp);
menuFile.addChild(menuSave);
menuFile.addChild(menuExit);
menuView.addChild(menuProg);
menuView.addChild(menuConf);
menuView.addLine(); //分隔行
menuView.addChild(menuChk1);
menuView.addChild(menuChk2);
menuHelp.addChild(menuTopics);
menuHelp.addChild(menuContent);
menuHelp.addLine();
menuHelp.addChild(menuAboug);
myMenu.Show();
menuEdit.Disable();
menuTopics.Disable();
menuContent.Disable();
menuProg.Select();
menuChk1.Check();
</script>
</textarea>
<textarea id="editBox2" style="width:100%;height:90%;display:none">
通过配置文件初始化主菜单的例子：