如何做用XML配置的web菜单程序

请先看看菜单效果，如果觉得可以，请继续往下看代码或到我的资源里下载源代码。

XML配置代码：

<?xml version="1.0" encoding="GB2312" ?>
<MenuConfig>
  <Displayers>
    <Displayer name="ListMenu" type="wp.com"/>
  </Displayers>
  <!-- roles 代表用户权限，多个权限用逗号隔开，有权限的人可以看到相应菜单项-->
  <Menus>
    
    <Menu name="yonghuguanli" title="用户管理">                                    
     <Item name="zjyh" target="main" title="增加用户1" location="aa" roles="mm" />
     <Item name="scyh" target="main" title="删除用户2" location="bb" roles="xx,dd"/>
     <Item name="zjyh" target="main" title="增加用户3" location="aa" roles="xx" />
     <Item name="scyh" target="main" title="删除用户4" location="bb" roles="xx,cc"/>
    </Menu>
   
    <Menu name="shebeiguanli" title="设备管理">
     <Item name="zjsb" target="main" title="增加设备" location="#" roles="cc"/>
     <Item name="scsb" target="main" title="删除设备" location="#" roles="xx"/>         

    </Menu>
   
    <Menu name="shebeiguanli" title="设备管理">
     <Item name="zjsb" target="main" title="增加设备" location="#" roles="cc,mm"/>
     <Item name="scsb" target="main" title="删除设备" location="#" roles="xx,cc"/>         

    </Menu>
     <Menu name="shebeiguanli" title="设备管理">
     <Item name="zjsb" target="main" title="增加设备" location="#" roles="xx,cc"/>
     <Item name="scsb" target="main" title="删除设备" location="#" roles="xx"/>         
    </Menu>
   
 <Menu name="shebeiguanli" title="设备管理">
     <Item name="zjsb" target="main" title="增加设备" location="#" roles="xx,cc"/>
     <Item name="scsb" target="main" title="删除设备" location="#" roles="cc"/>         
    </Menu>
   
 <Menu name="shebeiguanli" title="设备管理">
     <Item name="zjsb" target="main" title="增加设备" location="#" roles="xx,cc"/>
     <Item name="scsb" target="main" title="删除设备" location="#" roles="cc"/>         
    </Menu>
   

   
  </Menus>
</MenuConfig>

部分JS代码：

<SCRIPT LANGUAGE=javascript>
<!--

var mMenu=new Array()

var headHeight = 22;//每个标题的高度
var bodyHeight = 260;//母体高度
var objcount = <%=objcount%>;//菜单的个数，要改变了项目的个数别忘了该这个东西
var step = 6;//移动速度(请确认可以被'bodyHeight-headHeight'整除,当前的设定可选速度为1,2,3,6,23,138)
var moving = false;//是否有移动的项目
var layerTop=2.5;       //菜单顶边距
var layerLeft=2.5;      //菜单左边距
var layerWidth=195;    //菜单总宽度
var titleHeight=40;    //标题栏高度
var contentHeight=240; //内容区高度
var stepNo=20;         //移动步数，数值越大移动越慢
var itemNo=0;
var layerColor = "#cadef4"; //边框颜色
var onmouse = "this.className='titleStyleO'"; //鼠标
var mouseout = "this.className='titleStyle'"; //经过
。。。。。。。。

部分调用代码：

creatMenu cm = new creatMenu();
 String source = cm.readDom("mm,dd,cc"); //传入用户的权限，多权限用逗号隔开

 

希望以上程序能给大家带来帮助，程序源码在我的资源里。由于代码写的仓促，错误之处还希望大家多多指教。