web下的UI System

大家好，我用javascript写了一套web下的UI System，主要是树和菜单。请大家提提意见。

menu:

<script language="javascript" src="UiSystem/uisystem.js"></script> //ui 实现

<script language=javascript>

IMAGES_PATH = "images/"

var TopMenus = new Array();

var FileItems = new Array();

var EditItems = new Array();

var ToolsItems = new Array();

var HelpItems = new Array();

var subMenu = new Array();

TopMenus[0] = new TopMenu("File","文件"); // subMenu,display

TopMenus[1] = new TopMenu("Edit","编辑");

TopMenus[2] = new TopMenu("Tools","工具");

TopMenus[3] = new TopMenu("Help","帮助");

addTopMenu(TopMenus);

//File menu items

FileItems[0] = new MenuItem("images/open0.gif","新建","onFileOpen");

FileItems[1] = new MenuItem("open0.gif","打开");

FileItems[2] = new MenuItem("open0.gif","关闭");

FileItems[3] = new MenuItem("","退出","onFileExit");

//Edit menu items

EditItems[0] = new MenuItem("open0.gif","剪切");

EditItems[1] = new MenuItem("open0.gif","删除");

EditItems[2] = new MenuItem("close0.gif","复制");

//Tools menu items

ToolsItems[0] = new MenuItem("open0.gif","管理");

ToolsItems[1] = new MenuItem("open0.gif","安全");

ToolsItems[2] = new MenuItem("open0.gif","选项",null,"OptionFont");

//Help menu items

HelpItems[0] = new MenuItem("open0.gif","参照");

HelpItems[1] = new MenuItem("open0.gif","联机文档");

HelpItems[2] = new MenuItem("open0.gif","Web");

var FontItems = new Array();

FontItems[0] = new MenuItem("../images/open0.gif","宋体");

FontItems[1] = new MenuItem("../images/open0.gif","行体");

FontItems[2] = new MenuItem("../images/open0.gif","草体");

addSubMenu("File",FileItems); //Id,MenuItems

addSubMenu("Edit",EditItems);

addSubMenu("Tools",ToolsItems);

addSubMenu("Help",HelpItems);

addSubMenu("OptionFont",FontItems);

function onFileOpen()

{

//ToDo

}

function onFileExit()

{

window.close();

}

document.onclick = onClick; // 捕获click事件

document.onmouseover = onMouseOver; // 捕获mouseover事件

document.onmouseout = onMouseOut; // 捕获mouseout事件

</script>

运行效果：