一、简单说明
　　
　　该菜单最大的优点是可以跨过网页上任何标签，甚至是框架，（一般的菜单会被select,object,flash等挡住）所以如果你有这方面的需要，那么这个菜单是个很好的选择。
　　
　　总体而言，它有如下特性：
　　
　　（1）菜单的样式和数据都是通过xml配置
　　
　　（2）菜单的样式可以随心所欲修改，如：
　　
　　<base>
　　<background-color>#dddddd</background-color>
　　<background-image>url(menu_bg.jpg)</background-image>
　　<font-size>10pt</font-size>
　　<color>#000099</color>
　　<width>100%</width>
　　<height>32</height>
　　<text-align>center</text-align>
　　<cursor>default</cursor>
　　</base>
　　
　　只要节点名称符合各自标签(table,tr,td之一)的style attribute即可。
　　
　　（3）主菜单项之间可以设置分割图片，子菜单项可以设置分割线的样式。
　　
　　（4）所有图片都由css控制，避免路径问题。
　　
　　（5）可以设置虚拟目录的别名，为菜单链接使用绝对路径带来方便，如：
　　
　　<context>
　　<path>hdsa</path>
　　</context>
　　
　　设置该值后，用户只需根据文件的目录结构写好菜单，而不必担心虚拟目录的问题。
　　
　　由于菜单使用了window.createpopup()，所以它被限制在ie5.5以上，而且子菜单如果是新开窗口，会被拦截。
　　
　　注：用window.createpopup()制作菜单受到过前人的启发
　　
　　设置该值后，用户只需根据文件的目录结构写好菜单，而不必担心虚拟目录的问题。
　　
　　由于菜单使用了window.createpopup()，所以它被限制在ie5.5以上，而且子菜单如果是新开窗口，会被拦截。
　　
　　注：用window.createpopup()制作菜单受到过前人的启发
　　=====================================================================
　　
　　二、实现的两个脚本可以写在一个文件中：
　　
　　（1）处理popup窗口的脚本
　　
　　//------------------ 下面一些函数用来处理弹出窗口　------------------ //
　　var pops = new array(); // 用来存储popup窗口家族的数组
　　function createpopup(degree)
　　{
　　if (degree < 0)　　// 层数不能小于0
　　return null;
　　if (pops[degree] != null) //如果已经存在则不需创建
　　return pops[degree];
　　
　　if (degree == 0)
　　pops[0] = window.createpopup(); //创建最顶层popup窗口
　　else{
　　if (pops[degree - 1] == null)
　　pops[degree - 1] = createpopup(degree - 1)　　//递归回溯从第一层开始创建
　　pops[degree] = pops[degree - 1].document.parentwindow.createpopup(); //从父popup窗口创建子popup窗口
　　}
　　pops[degree].document.body.setattribute("degree", degree);
　　return pops[degree];
　　}
　　
　　createpopup(1); //创建一个2层的popup家族
　　
　　var opopup = pops[0];
　　var timer = null;
　　
　　/**
　　*显示一级子菜单
　　*@param objshow - 显示子菜单的对象
　　*@param strgetid - 存储显示内容的标签id
　　*/
　　function showsubmenu1(objshow,strgetid) {
　　cleartimer();
　　endhidesubmenu();
　　var objget = eval(document.getelementbyid(strgetid));
　　
　　pops[1].hide();
　　pops[0].document.body.innerhtml = objget.innerhtml;
　　pops[0].show(0,0,1,1,objshow);
　　var intwidth = pops[0].document.body.scrollwidth;
　　var intheight = pops[0].document.body.scrollheight;
　　pops[0].hide();
　　pops[0].show(10,objshow.offsetheight-2,intwidth,intheight,objshow);
　　}
　　
　　/**
　　*显示二级菜单
　　*@param strgetid - 存储显示内容的标签id
　　*@param objtr - 显示子菜单的tr对象
　　*/
　　function showsubmenu2(strgetid,objtr) {
　　cleartimer();
　　endhidesubmenu();
　　var objget = eval(document.getelementbyid(strgetid));
　　pops[1].document.body.innerhtml = objget.innerhtml;
　　pops[1].show(0,0,1,1,pops[0].document.body);
　　var intwidth = pops[1].document.body.scrollwidth;
　　var intheight = pops[1].document.body.scrollheight;
　　pops[1].hide();
　　pops[1].show(objtr.offsetwidth - 2,-2, intwidth, intheight, objtr);
　　
　　}
　　
　　//隐藏一级子菜单
　　function hidesubmenu1(){
　　//pops[0].hide();
　　window.settimeout("pops[0].hide()", 1000);
　　}
　　
　　//隐藏二级子菜单
　　function hidesubmenu2()
　　{
　　//cleartimer();
　　//timer = window.settimeout("pops[1].hide()", 1000);
　　pops[1].hide();
　　}
　　
　　//隐藏所有下拉菜单
　　function hidesubmenu()
　　{
　　if(pops[0] != null)pops[0].hide();
　　if(pops[1] != null)pops[1].hide();
　　}
　　
　　function cleartimer()
　　{
　　if (timer != null)
　　window.cleartimeout(timer)
　　timer = null;
　　//alert("ok");
　　}
　　
　　（2）读取分析xml数据文件，打印菜单的脚本
　　
　　//位置信息
　　var m_strtitle = "您的位置->";
　　
　　// -------- 主菜单样式相关定义 ---------//
　　
　　//定义主菜单样式
　　var m_strmainmenustyle = "";
　　//主菜单项的样式attribute
　　var m_strmainmenuitemstyle = "";
　　//主菜单项样式property
　　var m_strmmitemprobase = {};
　　//主菜单项鼠标悬停样式property
　　var m_strmmitempromover = {};
　　//菜单项与项之间的分割图片
　　var m_strmmitemsplitimg;
　　
　　// -------- 子菜单样式相关定义 ---------//
　　
　　//定义子菜单样式
　　var m_strsubmenustyle = "";
　　//子菜单项的样式attribute
　　var m_strsubmenuitemstyle = "";
　　//子菜单项样式property
　　var m_strsmitemprobase = {};
　　//子菜单项鼠标悬停样式property
　　var m_strsmitempromover = {};
　　//子菜单项下边框样式(作为分割线)
　　var m_strsmitemborderb = "";
　　
　　//定义虚拟目录路径
　　var m_strcontextpath = "";
　　
　　//菜单xml数据文件对象
　　var m_doc;
　　
　　//主菜单集合
　　var m_objmmlist;
　　
　　var str_pos_front = "您的位置：";
　　
　　//loadmenu("main_menu.xml");
　　/**
　　*加载菜单
　　*@param strxmlpath - xml数据文件所在路径及文件名
　　*/
　　function loadmenu(strxmlfile) {
　　m_doc = new activexobject("msxml2.domdocument.3.0");
　　m_doc.async = false;
　　m_doc.load(strxmlfile);
　　
　　getmainmenustyle();
　　getsubmenustyle();
　　
　　//得到主菜单集合
　　m_objmmlist = m_doc.selectsinglenode("//popmenu/menus").childnodes;
　　
　　//得到虚拟目录
　　if( m_doc.selectsinglenode("//popmenu/context/path") ) {
　　m_strcontextpath = m_doc.selectsinglenode("//popmenu/context/path").text;
　　}
　　
　　//输出主菜单
　　printmainmenu();
　　//输出一级子菜单
　　printsubmenu();
　　
　　}
　　
　　/**
　　*鼠标移入移出主菜单样式的改变
　　*@param obj - 改变样式的对象
　　*@param bolchg - 是否改变样式
　　*/
　　function chgmainmenustyle(obj,bolchg)
　　{
　　if ( bolchg ) {//鼠标悬停改变颜色
　　for( var pro in m_strmmitempromover ) {
　　obj.style[pro] = m_strmmitempromover[pro];
　　}
　　} else {//鼠标移出
　　obj.style.border = "0";
　　for( var pro in m_strmmitemprobase ) {
　　obj.style[pro] = m_strmmitemprobase[pro];
　　}
　　}
　　}//end function chgmainmenustyle(obj,i)
　　
　　/**
　　*鼠标移入移出子菜单样式的改变
　　*@param obj - 改变样式的对象
　　*@param bolchg - 是否改变样式
　　*/
　　function chgsubmenustyle(obj,bolchg) {
　　if ( bolchg ) {//鼠标悬停改变颜色
　　for( var pro in m_strsmitempromover ) {
　　obj.style[pro] = m_strsmitempromover[pro];
　　}
　　} else {//鼠标移出
　　for( var pro in m_strsmitemprobase ) {
　　obj.style[pro] = m_strsmitemprobase[pro];
　　}
　　}
　　}//end function chgsubmenustyle(obj,i)
　　
　　/**
　　*构造节点样式
　　*@param strpath 节点路径
　　*/
　　function getnodestyle(strpath) {
　　var strstyle = "";
　　if( m_doc.selectsinglenode(strpath) ) {
　　var nodelist = m_doc.selectsinglenode(strpath).childnodes;
　　for( var i = 0;i < nodelist.length;i ++ ) {