使用 Javascript 并结合 XML 制作滑动透明的菜单.docVIP

使用 Javascript 并结合 XML 制作滑动透明的菜单  一、在body之前引入脚本“GlideMenu.js” SCRIPT language=javascript src=jscript/GlideMenu.js charset=gb2312/SCRIPT         二、在body之前，加载需要直接在页面上运行的初始化脚本 script language=javascript      if (mtDropDown.isSupported())     {           ms = new mtDropDownSet(mtDropDown.direction.down, 0, 0, mtDropDown.reference.bottomLeft);     } /script 注：mtDropDown.direction.down 代表菜单从上往下滑动；”down” 换成 “right” 表示从左往右滑动出现（菜单项目较多时，比较适用） mtDropDown.reference.bottomLeft 中的 ”bottomLeft” 也可换成以下几种情况（在此不一一解释了，各位自行体会）： “topLeft”、”topRight”、”bottomRight”         三、在body中必须拥有以下两个需要用到的 Div DIV id=GlideMenuDiv style=VISIBILITY: hidden;/DIVDIV id=overDiv style=Z-INDEX: 1001;VISIBILITY: hidden;POSITION: absolute/DIV         四、在body结束之前，依次引入以下语句，注意顺序不能乱 xml src=GlideMenu.xml id=MenuXML/xmlscript language=javascript src=jscript/MenuDesc.js charset=gb2312/scriptscript language=javascript src=jscript/AddMenu.js charset=gb2312/script         五、关联 body 的 onload 事件（“jscript/AddMenu.js”中的“WebInit()”） body onload=WebInit()         六、给需要加载滑动菜单的节点赋于 ID ，并选择样式 例如：span id=AccessMenu class=siteType Access 站点/span        七、编辑 XML 文档 “GlideMenu.xml” 例如：为 id=AccessMenu  添加以下菜单节点 ?xml version=1.0 encoding=utf-8 ?GlideMenuMenuNode id=AccessMenu     MenuItem MenuName=IT 内部网 URL=../SoftWeb/Login.aspx        IT 部内部管理系统主要功能lt;ULgt;lt;ligt;成员注册、审批lt;ligt;申请加班、填写请假条、及请假期间的工作代理lt;ligt;领用物品申请，物品及库存管理lt;ligt;专案进度管理、会议室预约lt;ligt;公告、软件管理、电子相册lt;/ligt;lt;ligt;用户、群组权限的设定lt;/ligt;lt;/ULgt;     /MenuItem    MenuItem MenuName=lt;未知系统gt; URL=       尚未布署 ^_^     /MenuItem    MenuItem MenuName=lt;未知系统gt; URL= width=100        尚未布署 ^_^    /MenuItem /MenuNode/GlideMenu GlideMenu.xml  的格式要求：  1.       MenuNode id=AccessMenu  节点要有 id 属性，对应 span id=AccessMenu 2.       MenuItem MenuName=IT 内部网 URL=../SoftWeb/Login.aspx  “ MenuName”指呈现在页面的菜单名称；“URL”是你需要跳转的页面网址；“width”是指定菜单注释的宽度，注意不是菜单的宽度 3.       MenuItem 节点中的文本就是跟随鼠标的注释，注意此文本不能出现换行 4.       菜单名称与注释支持 HTML 显示，但必须将   换成  lt; 、将 换成 gt; 。如：将UL li 成