所有  育婴常识  文学故事  建站教程  幽默笑话  菜谱 
这篇不太合适?↑↑重新搜索一下看看。↑↑
[Javascript]javascript+xml实现二级下拉菜单,不会被任何标签或元素遮住

Root In:http://www.knowsk...com/301792.html    Add Time:2006-2-19 11:57:21    Click Count:2962


文章来自:http://www.pyzy.net一、简单说明
文章来自:http://www.pyzy.net
文章来自:http://www.pyzy.net该菜单最大的优点是可以跨过网页上任何标签,甚至是框架,
文章来自:http://www.pyzy.net(一般的菜单会被select,object,flash等挡住)
文章来自:http://www.pyzy.net所以如果你有这方面的需要,
文章来自:http://www.pyzy.net那么这个菜单是个很好的选择。
文章来自:http://www.pyzy.net
文章来自:http://www.pyzy.net总体而言,它有如下特性:
文章来自:http://www.pyzy.net(1)菜单的样式和数据都是通过xml配置
文章来自:http://www.pyzy.net(2)菜单的样式可以随心所欲修改,如:
文章来自:http://www.pyzy.net
文章来自:http://www.pyzy.net<base>
文章来自:http://www.pyzy.net <background-color>#DDDDDD</background-color>
文章来自:http://www.pyzy.net <background-image>url(menu_bg.jpg)</background-image>
文章来自:http://www.pyzy.net <font-size>10pt</font-size>
文章来自:http://www.pyzy.net <color>#000099</color>
文章来自:http://www.pyzy.net <width>100%</width>
文章来自:http://www.pyzy.net <height>32</height>
文章来自:http://www.pyzy.net <text-align>center</text-align>
文章来自:http://www.pyzy.net <cursor>default</cursor>
文章来自:http://www.pyzy.net</base>
文章来自:http://www.pyzy.net
文章来自:http://www.pyzy.net
文章来自:http://www.pyzy.net只要节点名称符合各自标签(table,tr,td之一)的style attribute即可。
文章来自:http://www.pyzy.net
文章来自:http://www.pyzy.net(3)主菜单项之间可以设置分割图片,
文章来自:http://www.pyzy.net子菜单项可以设置分割线的样式。
文章来自:http://www.pyzy.net
文章来自:http://www.pyzy.net(4)所有图片都由css控制,避免路径问题。
文章来自:http://www.pyzy.net
文章来自:http://www.pyzy.net(5)可以设置虚拟目录的别名,为菜单链接使用绝对路径带来方便,如:
文章来自:http://www.pyzy.net
文章来自:http://www.pyzy.net<context>
文章来自:http://www.pyzy.net <path>hdsa</path>
文章来自:http://www.pyzy.net</context>
文章来自:http://www.pyzy.net
文章来自:http://www.pyzy.net
文章来自:http://www.pyzy.net设置该值后,用户只需根据文件的目录结构写好菜单,而不必担心虚拟目录的问题。
文章来自:http://www.pyzy.net
文章来自:http://www.pyzy.net由于菜单使用了window.createPopup(),
文章来自:http://www.pyzy.net所以它被限制在IE5.5以上,
文章来自:http://www.pyzy.net而且子菜单如果是新开窗口,会被拦截。
文章来自:http://www.pyzy.net注:用window.createPopup()制作菜单受到过前人的启发
文章来自:http://www.pyzy.net
文章来自:http://www.pyzy.net设置该值后,用户只需根据文件的目录结构写好菜单,而不必担心虚拟目录的问题。
文章来自:http://www.pyzy.net
文章来自:http://www.pyzy.net由于菜单使用了window.createPopup(),
文章来自:http://www.pyzy.net所以它被限制在IE5.5以上,
文章来自:http://www.pyzy.net而且子菜单如果是新开窗口,会被拦截。
文章来自:http://www.pyzy.net注:用window.createPopup()制作菜单受到过前人的启发
文章来自:http://www.pyzy.net=====================================================================
文章来自:http://www.pyzy.net
文章来自:http://www.pyzy.net
文章来自:http://www.pyzy.net二、实现的两个脚本可以写在一个文件中:
文章来自:http://www.pyzy.net
文章来自:http://www.pyzy.net(1)处理Popup窗口的脚本
文章来自:http://www.pyzy.net
文章来自:http://www.pyzy.net//------------------ 下面一些函数用来处理弹出窗口 ------------------ //
文章来自:http://www.pyzy.netvar pops = new Array(); // 用来存储Popup窗口家族的数组
文章来自:http://www.pyzy.netfunction CreatePopup(degree)
文章来自:http://www.pyzy.net{
文章来自:http://www.pyzy.net if (degree < 0) // 层数不能小于0
文章来自:http://www.pyzy.net return null;
文章来自:http://www.pyzy.net if (pops[degree] != null) //如果已经存在则不需创建
文章来自:http://www.pyzy.net return pops[degree];
文章来自:http://www.pyzy.net
文章来自:http://www.pyzy.net if (degree == 0)
文章来自:http://www.pyzy.net pops[0] = window.createPopup(); //创建最顶层Popup窗口
文章来自:http://www.pyzy.net else{
文章来自:http://www.pyzy.net if (pops[degree - 1] == null)
文章来自:http://www.pyzy.net pops[degree - 1] = CreatePopup(degree - 1) //递归回溯从第一层开始创建
文章来自:http://www.pyzy.net pops[degree] = pops[degree - 1].document.parentWindow.createPopup(); //从父Popup窗口创建子Popup窗口
文章来自:http://www.pyzy.net }
文章来自:http://www.pyzy.net pops[degree].document.body.setAttribute("degree", degree);
文章来自:http://www.pyzy.net return pops[degree];
文章来自:http://www.pyzy.net}
文章来自:http://www.pyzy.net
文章来自:http://www.pyzy.netCreatePopup(1); //创建一个2层的Popup家族
文章来自:http://www.pyzy.net
文章来自:http://www.pyzy.net
文章来自:http://www.pyzy.net
文章来自:http://www.pyzy.netvar oPopup = pops[0];
文章来自:http://www.pyzy.netvar timer = null;
文章来自:http://www.pyzy.net
文章来自:http://www.pyzy.net
文章来自:http://www.pyzy.net/**
文章来自:http://www.pyzy.net*显示一级子菜单
文章来自:http://www.pyzy.net*@param objShow - 显示子菜单的对象
文章来自:http://www.pyzy.net*@param strGetID - 存储显示内容的标签id
文章来自:http://www.pyzy.net*/
文章来自:http://www.pyzy.netfunction showSubMenu1(objShow,strGetID) {
文章来自:http://www.pyzy.net clearTimer();
文章来自:http://www.pyzy.net endHideSubMenu();
文章来自:http://www.pyzy.net var objGet = eval(document.getElementById(strGetID));
文章来自:http://www.pyzy.net
文章来自:http://www.pyzy.net pops[1].hide();
文章来自:http://www.pyzy.net pops[0].document.body.innerHTML = objGet.innerHTML;
文章来自:http://www.pyzy.net pops[0].show(0,0,1,1,objShow);
文章来自:http://www.pyzy.net var intWidth = pops[0].document.body.scrollWidth;
文章来自:http://www.pyzy.net var intHeight = pops[0].document.body.scrollHeight;
文章来自:http://www.pyzy.net pops[0].hide();
文章来自:http://www.pyzy.net pops[0].show(10,objShow.offsetHeight-2,intWidth,intHeight,objShow);
文章来自:http://www.pyzy.net}
文章来自:http://www.pyzy.net
文章来自:http://www.pyzy.net
文章来自:http://www.pyzy.net/**
文章来自:http://www.pyzy.net*显示二级菜单
文章来自:http://www.pyzy.net*@param strGetID - 存储显示内容的标签id
文章来自:http://www.pyzy.net*@param objTr - 显示子菜单的tr对象
文章来自:http://www.pyzy.net*/
文章来自:http://www.pyzy.netfunction showSubMenu2(strGetID,objTr) {
文章来自:http://www.pyzy.net clearTimer();
文章来自:http://www.pyzy.net endHideSubMenu();
文章来自:http://www.pyzy.net var objGet = eval(document.getElementById(strGetID));
文章来自:http://www.pyzy.net pops[1].document.body.innerHTML = objGet.innerHTML;
文章来自:http://www.pyzy.net pops[1].show(0,0,1,1,pops[0].document.body);
文章来自:http://www.pyzy.net var intWidth = pops[1].document.body.scrollWidth;
文章来自:http://www.pyzy.net var intHeight = pops[1].document.body.scrollHeight;
文章来自:http://www.pyzy.net pops[1].hide();
文章来自:http://www.pyzy.net pops[1].show(objTr.offsetWidth - 2,-2, intWidth, intHeight, objTr);
文章来自:http://www.pyzy.net
文章来自:http://www.pyzy.net}
文章来自:http://www.pyzy.net
文章来自:http://www.pyzy.net//隐藏一级子菜单
文章来自:http://www.pyzy.netfunction hideSubMenu1(){
文章来自:http://www.pyzy.net //pops[0].hide();
文章来自:http://www.pyzy.net window.setTimeout("pops[0].hide()", 1000);
文章来自:http://www.pyzy.net}
文章来自:http://www.pyzy.net
文章来自:http://www.pyzy.net//隐藏二级子菜单
文章来自:http://www.pyzy.netfunction hideSubMenu2()
文章来自:http://www.pyzy.net{
文章来自:http://www.pyzy.net //clearTimer();
文章来自:http://www.pyzy.net //timer = window.setTimeout("pops[1].hide()", 1000);
文章来自:http://www.pyzy.net pops[1].hide();
文章来自:http://www.pyzy.net}
文章来自:http://www.pyzy.net
文章来自:http://www.pyzy.net//隐藏所有下拉菜单
文章来自:http://www.pyzy.netfunction hideSubMenu()
文章来自:http://www.pyzy.net{
文章来自:http://www.pyzy.net if(pops[0] != null)pops[0].hide();
文章来自:http://www.pyzy.net if(pops[1] != null)pops[1].hide();
文章来自:http://www.pyzy.net}
文章来自:http://www.pyzy.net
文章来自:http://www.pyzy.netfunction clearTimer()
文章来自:http://www.pyzy.net{
文章来自:http://www.pyzy.net if (timer != null)
文章来自:http://www.pyzy.net window.clearTimeout(timer)
文章来自:http://www.pyzy.net timer = null;
文章来自:http://www.pyzy.net //alert("OK");
文章来自:http://www.pyzy.net}
文章来自:http://www.pyzy.net
文章来自:http://www.pyzy.net(2)读取分析xml数据文件,打印菜单的脚本
文章来自:http://www.pyzy.net
文章来自:http://www.pyzy.net//位置信息
文章来自:http://www.pyzy.netvar m_strTitle = "您的位置->";
文章来自:http://www.pyzy.net
文章来自:http://www.pyzy.net// -------- 主菜单样式相关定义 ---------//
文章来自:http://www.pyzy.net
文章来自:http://www.pyzy.net//定义主菜单样式
文章来自:http://www.pyzy.netvar m_strMainMenuStyle = "";
文章来自:http://www.pyzy.net//主菜单项的样式attribute
文章来自:http://www.pyzy.netvar m_strMainMenuItemStyle = "";
文章来自:http://www.pyzy.net//主菜单项样式Property
文章来自:http://www.pyzy.netvar m_strMMItemProBase = {};
文章来自:http://www.pyzy.net//主菜单项鼠标悬停样式Property
文章来自:http://www.pyzy.netvar m_strMMItemProMOver = {};
文章来自:http://www.pyzy.net//菜单项与项之间的分割图片
文章来自:http://www.pyzy.netvar m_strMMItemSplitImg;
文章来自:http://www.pyzy.net
文章来自:http://www.pyzy.net// -------- 子菜单样式相关定义 ---------//
文章来自:http://www.pyzy.net
文章来自:http://www.pyzy.net//定义子菜单样式
文章来自:http://www.pyzy.netvar m_strSubMenuStyle = "";
文章来自:http://www.pyzy.net//子菜单项的样式attribute
文章来自:http://www.pyzy.netvar m_strSubMenuItemStyle = "";
文章来自:http://www.pyzy.net//子菜单项样式Property
文章来自:http://www.pyzy.netvar m_strSMItemProBase = {};
文章来自:http://www.pyzy.net//子菜单项鼠标悬停样式Property
文章来自:http://www.pyzy.netvar m_strSMItemProMOver = {};
文章来自:http://www.pyzy.net//子菜单项下边框样式(作为分割线)
文章来自:http://www.pyzy.netvar m_strSMItemBorderB = "";
文章来自:http://www.pyzy.net
文章来自:http://www.pyzy.net//定义虚拟目录路径
文章来自:http://www.pyzy.netvar m_strContextPath = "";
文章来自:http://www.pyzy.net
文章来自:http://www.pyzy.net//菜单xml数据文件对象
文章来自:http://www.pyzy.netvar m_doc;
文章来自:http://www.pyzy.net
文章来自:http://www.pyzy.net//主菜单集合
文章来自:http://www.pyzy.netvar m_objMMList;
文章来自:http://www.pyzy.net
文章来自:http://www.pyzy.net
文章来自:http://www.pyzy.netvar STR_POS_FRONT = "您的位置:";
文章来自:http://www.pyzy.net
文章来自:http://www.pyzy.net//loadMenu("main_menu.xml");
文章来自:http://www.pyzy.net/**
文章来自:http://www.pyzy.net*加载菜单
文章来自:http://www.pyzy.net*@param strXMLPath - XML数据文件所在路径及文件名
文章来自:http://www.pyzy.net*/
文章来自:http://www.pyzy.netfunction loadMenu(strXMLFile) {
文章来自:http://www.pyzy.net m_doc = new ActiveXObject("MSXML2.DOMDocument.3.0");
文章来自:http://www.pyzy.net m_doc.async = false;
文章来自:http://www.pyzy.net m_doc.load(strXMLFile);
文章来自:http://www.pyzy.net
文章来自:http://www.pyzy.net getMainMenuStyle();
文章来自:http://www.pyzy.net getSubMenuStyle();
文章来自:http://www.pyzy.net
文章来自:http://www.pyzy.net //得到主菜单集合
文章来自:http://www.pyzy.net m_objMMList = m_doc.selectSingleNode("//popmenu/menus").childNodes;
文章来自:http://www.pyzy.net
文章来自:http://www.pyzy.net //得到虚拟目录
文章来自:http://www.pyzy.net if( m_doc.selectSingleNode("//popmenu/context/path") ) {
文章来自:http://www.pyzy.net m_strContextPath = m_doc.selectSingleNode("//popmenu/context/path").text;
文章来自:http://www.pyzy.net }
文章来自:http://www.pyzy.net
文章来自:http://www.pyzy.net //输出主菜单
文章来自:http://www.pyzy.net printMainMenu();
文章来自:http://www.pyzy.net //输出一级子菜单
文章来自:http://www.pyzy.net printSubMenu();
文章来自:http://www.pyzy.net
文章来自:http://www.pyzy.net}
文章来自:http://www.pyzy.net
文章来自:http://www.pyzy.net
文章来自:http://www.pyzy.net/**
文章来自:http://www.pyzy.net*鼠标移入移出主菜单样式的改变
文章来自:http://www.pyzy.net*@param obj - 改变样式的对象
文章来自:http://www.pyzy.net*@param bolChg - 是否改变样式
文章来自:http://www.pyzy.net*/
文章来自:http://www.pyzy.netfunction chgMainMenuStyle(obj,bolChg)
文章来自:http://www.pyzy.net{
文章来自:http://www.pyzy.net if ( bolChg ) {//鼠标悬停改变颜色
文章来自:http://www.pyzy.net for( var pro in m_strMMItemProMOver ) {
文章来自:http://www.pyzy.net obj.style[pro] = m_strMMItemProMOver[pro];
文章来自:http://www.pyzy.net }
文章来自:http://www.pyzy.net } else {//鼠标移出
文章来自:http://www.pyzy.net obj.style.border = "0";
文章来自:http://www.pyzy.net for( var pro in m_strMMItemProBase ) {
文章来自:http://www.pyzy.net obj.style[pro] = m_strMMItemProBase[pro];
文章来自:http://www.pyzy.net }
文章来自:http://www.pyzy.net }
文章来自:http://www.pyzy.net}//end function chgMainMenuStyle(obj,i)
文章来自:http://www.pyzy.net
文章来自:http://www.pyzy.net/**
文章来自:http://www.pyzy.net*鼠标移入移出子菜单样式的改变
文章来自:http://www.pyzy.net*@param obj - 改变样式的对象
文章来自:http://www.pyzy.net*@param bolChg - 是否改变样式
文章来自:http://www.pyzy.net*/
文章来自:http://www.pyzy.netfunction chgSubMenuStyle(obj,bolChg) {
文章来自:http://www.pyzy.net if ( bolChg ) {//鼠标悬停改变颜色
文章来自:http://www.pyzy.net for( var pro in m_strSMItemProMOver ) {
文章来自:http://www.pyzy.net obj.style[pro] = m_strSMItemProMOver[pro];
文章来自:http://www.pyzy.net }
文章来自:http://www.pyzy.net } else {//鼠标移出
文章来自:http://www.pyzy.net for( var pro in m_strSMItemProBase ) {
文章来自:http://www.pyzy.net obj.style[pro] = m_strSMItemProBase[pro];
文章来自:http://www.pyzy.net }
文章来自:http://www.pyzy.net }
文章来自:http://www.pyzy.net}//end function chgSubMenuStyle(obj,i)
文章来自:http://www.pyzy.net
文章来自:http://www.pyzy.net
文章来自:http://www.pyzy.net/**
文章来自:http://www.pyzy.net*构造节点样式
文章来自:http://www.pyzy.net*@param strPath 节点路径
文章来自:http://www.pyzy.net*/
文章来自:http://www.pyzy.netfunction getNodeStyle(strPath) {
文章来自:http://www.pyzy.net var strStyle = "";
文章来自:http://www.pyzy.net if( m_doc.selectSingleNode(strPath) ) {
文章来自:http://www.pyzy.net var nodeList = m_doc.selectSingleNode(strPath).childNodes;
文章来自:http://www.pyzy.net for( var i = 0;i < nodeList.length;i ++ ) {
文章来自:http://www.pyzy.net var nodeName = nodeList[i].nodeName;
文章来自:http://www.pyzy.net var nodeText = nodeList[i].text;
文章来自:http://www.pyzy.net strStyle += nodeName.toLowerCase() + ":" + nodeText + ";";
文章来自:http://www.pyzy.net }
文章来自:http://www.pyzy.net }
文章来自:http://www.pyzy.net return strStyle;
文章来自:http://www.pyzy.net}
文章来自:http://www.pyzy.net/**
文章来自:http://www.pyzy.net*构造节点Style Property
文章来自:http://www.pyzy.net*/
文章来自:http://www.pyzy.netfunction getNodeProperty(strPath) {
文章来自:http://www.pyzy.net var arrProperty = {};
文章来自:http://www.pyzy.net if( m_doc.selectSingleNode(strPath) ) {
文章来自:http://www.pyzy.net var nodeList = m_doc.selectSingleNode(strPath).childNodes;
文章来自:http://www.pyzy.net for( var i = 0;i < nodeList.length;i ++ ) {
文章来自:http://www.pyzy.net var nodeName = nodeList[i].nodeName;
文章来自:http://www.pyzy.net nodeName = nodeName.toLowerCase();
文章来自:http://www.pyzy.net var nodeText = nodeList[i].text;
文章来自:http://www.pyzy.net //由attribute到property的转变。如background-color -> backgroundColor
文章来自:http://www.pyzy.net var aName = nodeName.split("-");
文章来自:http://www.pyzy.net var strProperty = aName[0];
文章来自:http://www.pyzy.net for( var j = 1;j < aName.length;j ++ ) {
文章来自:http://www.pyzy.net strProperty += aName[j].substring(0,1).toUpperCase() + aName[j].substr(1);
文章来自:http://www.pyzy.net }
文章来自:http://www.pyzy.net arrProperty[strProperty] = nodeText;
文章来自:http://www.pyzy.net }
文章来自:http://www.pyzy.net }
文章来自:http://www.pyzy.net return arrProperty;
文章来自:http://www.pyzy.net}
文章来自:http://www.pyzy.net
文章来自:http://www.pyzy.net/**
文章来自:http://www.pyzy.net*得到主菜单样式
文章来自:http://www.pyzy.net*/
文章来自:http://www.pyzy.netfunction getMainMenuStyle() {
文章来自:http://www.pyzy.net
文章来自:http://www.pyzy.net //得到主菜单样式
文章来自:http://www.pyzy.net m_strMainMenuStyle = getNodeStyle("//popmenu/style/main-menu/base");
文章来自:http://www.pyzy.net //得到主菜单项样式
文章来自:http://www.pyzy.net m_strMainMenuItemStyle = getNodeStyle("//popmenu/style/main-menu/menu-item/base");
文章来自:http://www.pyzy.net
文章来自:http://www.pyzy.net //主菜单项的property
文章来自:http://www.pyzy.net m_strMMItemProBase = getNodeProperty("//popmenu/style/main-menu/menu-item/base");
文章来自:http://www.pyzy.net
文章来自:http://www.pyzy.net //得到鼠标悬停时主菜单项各property改变
文章来自:http://www.pyzy.net m_strMMItemProMOver = getNodeProperty("//popmenu/style/main-menu/menu-item/mouse-over");
文章来自:http://www.pyzy.net
文章来自:http://www.pyzy.net //得到菜单项与项之间的分割图片
文章来自:http://www.pyzy.net if( m_doc.selectSingleNode("//popmenu/style/main-menu/menu-item/split-image") ) {
文章来自:http://www.pyzy.net var node = m_doc.selectSingleNode("//popmenu/style/main-menu/menu-item/split-image");
文章来自:http://www.pyzy.net m_strMMItemSplitImg = "background-image:" + node.text + ";";
文章来自:http://www.pyzy.net m_strMMItemSplitImg += "background-repeat:no-repeat;background-position:center center;";
文章来自:http://www.pyzy.net }
文章来自:http://www.pyzy.net
文章来自:http://www.pyzy.net
文章来自:http://www.pyzy.net}//end function getMainMenuStyle()
文章来自:http://www.pyzy.net
文章来自:http://www.pyzy.net/**
文章来自:http://www.pyzy.net*得到主菜单样式
文章来自:http://www.pyzy.net*/
文章来自:http://www.pyzy.netfunction getSubMenuStyle() {
文章来自:http://www.pyzy.net
文章来自:http://www.pyzy.net //得到子菜单样式
文章来自:http://www.pyzy.net m_strSubMenuStyle = getNodeStyle("//popmenu/style/sub-menu/base");
文章来自:http://www.pyzy.net //得到子菜单项样式
文章来自:http://www.pyzy.net m_strSubMenuItemStyle = getNodeStyle("//popmenu/style/sub-menu/menu-item/base");
文章来自:http://www.pyzy.net
文章来自:http://www.pyzy.net //子菜单项的property
文章来自:http://www.pyzy.net m_strSMItemProBase = getNodeProperty("//popmenu/style/sub-menu/menu-item/base");
文章来自:http://www.pyzy.net
文章来自:http://www.pyzy.net //得到鼠标悬停时子菜单项各property改变
文章来自:http://www.pyzy.net m_strSMItemProMOver = getNodeProperty("//popmenu/style/sub-menu/menu-item/mouse-over");
文章来自:http://www.pyzy.net
文章来自:http://www.pyzy.net //得到子菜单项下边框样式(作为分割线)
文章来自:http://www.pyzy.net if( m_doc.selectSingleNode("//popmenu/style/sub-menu/menu-item/split-line") ) {
文章来自:http://www.pyzy.net var node = m_doc.selectSingleNode("//popmenu/style/sub-menu/menu-item/split-line");
文章来自:http://www.pyzy.net m_strSMItemBorderB = "border-bottom:" + node.text + ";";
文章来自:http://www.pyzy.net }
文章来自:http://www.pyzy.net
文章来自:http://www.pyzy.net}//end function getSubMenuStyle()
文章来自:http://www.pyzy.net
文章来自:http://www.pyzy.net
文章来自:http://www.pyzy.netvar m_bolFirst = true;//是否首次响应菜单
文章来自:http://www.pyzy.netdocument.onclick = function(){
文章来自:http://www.pyzy.net m_bolFirst = true;
文章来自:http://www.pyzy.net //alert(parent.frames[0]);
文章来自:http://www.pyzy.net}
文章来自:http://www.pyzy.nettop.document.onclick = function(){
文章来自:http://www.pyzy.net m_bolFirst = true;
文章来自:http://www.pyzy.net}
文章来自:http://www.pyzy.net
文章来自:http://www.pyzy.net/**
文章来自:http://www.pyzy.net*展开各个主菜单
文章来自:http://www.pyzy.net*@param objTd - 主菜单所在td
文章来自:http://www.pyzy.net*@param strSubMenuID - 对应子菜单的id
文章来自:http://www.pyzy.net*@param bolExistSubMenu - 是否存在子菜单
文章来自:http://www.pyzy.net*/
文章来自:http://www.pyzy.netfunction spreadMainMenu(objTd,strSubMenuID,bolExistSubMenu){
文章来自:http://www.pyzy.net
文章来自:http://www.pyzy.net var strEvent = event.type.toLowerCase();
文章来自:http://www.pyzy.net
文章来自:http://www.pyzy.net if( !pops[0].isOpen && strEvent == "mouseover" && m_bolFirst){
文章来自:http://www.pyzy.net return;
文章来自:http://www.pyzy.net }
文章来自:http://www.pyzy.net if( pops[0].isOpen && strEvent == "click"){
文章来自:http://www.pyzy.net return;
文章来自:http://www.pyzy.net }
文章来自:http://www.pyzy.net chgMainMenuStyle(objTd,true);
文章来自:http://www.pyzy.net endHideSubMenu();
文章来自:http://www.pyzy.net if( bolExistSubMenu ){
文章来自:http://www.pyzy.net //如果有子菜单
文章来自:http://www.pyzy.net showSubMenu1(objTd,strSubMenuID);
文章来自:http://www.pyzy.net } else {
文章来自:http://www.pyzy.net //hideSubMenu();
文章来自:http://www.pyzy.net //m_bolFirst = false;//已不是第一次响应菜单
文章来自:http://www.pyzy.net }
文章来自:http://www.pyzy.net}
文章来自:http://www.pyzy.net
文章来自:http://www.pyzy.net//打印主菜单
文章来自:http://www.pyzy.netfunction printMainMenu()
文章来自:http://www.pyzy.net{
文章来自:http://www.pyzy.net var divStyle = "width:100%;";
文章来自:http://www.pyzy.net var strHtml = "";
文章来自:http://www.pyzy.net strHtml = "<div style='" + divStyle + "'>";
文章来自:http://www.pyzy.net strHtml += "<table style='"+m_strMainMenuStyle+"' id='mm' cellpadding='3'><tr>";
文章来自:http://www.pyzy.net //如果用户设置了分割图片则输出
文章来自:http://www.pyzy.net if( m_strMMItemSplitImg && m_strMMItemSplitImg != "" ){
文章来自:http://www.pyzy.net strHtml += "<td style='" + m_strMMItemSplitImg + "' width=2></td>";
文章来自:http://www.pyzy.net }
文章来自:http://www.pyzy.net var intMenuWidth = 0;
文章来自:http://www.pyzy.net
文章来自:http://www.pyzy.net
文章来自:http://www.pyzy.net for ( var i = 0 ; i< m_objMMList.length ; i ++ )
文章来自:http://www.pyzy.net {
文章来自:http://www.pyzy.net var menuNode = m_objMMList[i];
文章来自:http://www.pyzy.net var attList = menuNode.attributes;
文章来自:http://www.pyzy.net var menuText = attList.getNamedItem("text").text;
文章来自:http://www.pyzy.net var menuHref = attList.getNamedItem("href").text;
文章来自:http://www.pyzy.net var menuTarget = "";
文章来自:http://www.pyzy.net if( attList.getNamedItem("target") )
文章来自:http://www.pyzy.net menuTarget = attList.getNamedItem("target").text;
文章来自:http://www.pyzy.net else
文章来自:http://www.pyzy.net menuTarget = "_self";
文章来自:http://www.pyzy.net
文章来自:http://www.pyzy.net var intMenuWidth;
文章来自:http://www.pyzy.net if( attList.getNamedItem("width") )
文章来自:http://www.pyzy.net intMenuWidth = attList.getNamedItem("width").text;
文章来自:http://www.pyzy.net
文章来自:http://www.pyzy.net var strSubMenuID = "sm" + i;
文章来自:http://www.pyzy.net var strMouseOverEvent = "";
文章来自:http://www.pyzy.net var strClickEvent = "";
文章来自:http://www.pyzy.net //如果有子拉菜单,则显示
文章来自:http://www.pyzy.net if ( menuNode.hasChildNodes() ){
文章来自:http://www.pyzy.net strMouseOverEvent = "chgMainMenuStyle(this,true);spreadMainMenu(this,\"" + strSubMenuID + "\",true);";
文章来自:http://www.pyzy.net strClickEvent = strMouseOverEvent;
文章来自:http://www.pyzy.net }else{
文章来自:http://www.pyzy.net strMouseOverEvent = "chgMainMenuStyle(this,true);";
文章来自:http://www.pyzy.net strClickEvent = "onClickEvent('" + menuHref + "','" + menuTarget + "','" + menuText + "');";
文章来自:http://www.pyzy.net }
文章来自:http://www.pyzy.net
文章来自:http://www.pyzy.net strHtml += "<td width=" + intMenuWidth + " style='" + m_strMainMenuItemStyle + "' id=mm" + i +
文章来自:http://www.pyzy.net " onmouseover=" + strMouseOverEvent +
文章来自:http://www.pyzy.net " onmouseout='chgMainMenuStyle(this,false);beginHideSubMenu();' " +
文章来自:http://www.pyzy.net " onclick=" + strClickEvent +
文章来自:http://www.pyzy.net " >" + menuText+"</td>";
文章来自:http://www.pyzy.net
文章来自:http://www.pyzy.net //如果用户设置了分割图片则输出
文章来自:http://www.pyzy.net if( m_strMMItemSplitImg && m_strMMItemSplitImg != "" ){
文章来自:http://www.pyzy.net strHtml += "<td style='" + m_strMMItemSplitImg + "' width='2'></td>";
文章来自:http://www.pyzy.net }
文章来自:http://www.pyzy.net }
文章来自:http://www.pyzy.net strHtml += "<td></td>";
文章来自:http://www.pyzy.net strHtml += "</tr>";
文章来自:http://www.pyzy.net strHtml += "</table>";
文章来自:http://www.pyzy.net strHtml += "</div>";
文章来自:http://www.pyzy.net
文章来自:http://www.pyzy.net document.write(strHtml);
文章来自:http://www.pyzy.net}//end printMainMenu()
文章来自:http://www.pyzy.net
文章来自:http://www.pyzy.net
文章来自:http://www.pyzy.net
文章来自:http://www.pyzy.net//打印一级子菜单
文章来自:http://www.pyzy.netfunction printSubMenu() {
文章来自:http://www.pyzy.net for ( var i = 0 ; i< m_objMMList.length ; i ++ ) {
文章来自:http://www.pyzy.net menuNode = m_objMMList[i];
文章来自:http://www.pyzy.net //如果没有子菜单,执行下一个循环
文章来自:http://www.pyzy.net if ( !menuNode.hasChildNodes() ){
文章来自:http://www.pyzy.net continue;
文章来自:http://www.pyzy.net }
文章来自:http://www.pyzy.net
文章来自:http://www.pyzy.net //得到主菜单下的子菜单集合
文章来自:http://www.pyzy.net var objSMList = menuNode.childNodes;
文章来自:http://www.pyzy.net var intSubMenuLen = objSMList.length;
文章来自:http://www.pyzy.net
文章来自:http://www.pyzy.net //每个主菜单对应的子菜单id
文章来自:http://www.pyzy.net var strSubMenuID = "sm" + i;
文章来自:http://www.pyzy.net
文章来自:http://www.pyzy.net
文章来自:http://www.pyzy.net //arrMenuID.push(strSubMenuID);
文章来自:http://www.pyzy.net
文章来自:http://www.pyzy.net var strSubMenuHtml = "<div style='display:none;border:0;' id='" + strSubMenuID + "'>" +
文章来自:http://www.pyzy.net " <table cellspacing='0' cellpadding='4' style='" + m_strSubMenuStyle + "'>";
文章来自:http://www.pyzy.net
文章来自:http://www.pyzy.net for ( var j = 0;j < intSubMenuLen;j ++ ) {
文章来自:http://www.pyzy.net var objSubMenu = objSMList[j];
文章来自:http://www.pyzy.net var attList = objSubMenu.attributes;
文章来自:http://www.pyzy.net var menuText = attList.getNamedItem("text").text;
文章来自:http://www.pyzy.net var menuHref = attList.getNamedItem("href").text;
文章来自:http://www.pyzy.net var menuTarget = "";
文章来自:http://www.pyzy.net if( attList.getNamedItem("target") )
文章来自:http://www.pyzy.net menuTarget = attList.getNamedItem("target").text;
文章来自:http://www.pyzy.net else
文章来自:http://www.pyzy.net menuTarget = "_self";
文章来自:http://www.pyzy.net
文章来自:http://www.pyzy.net //如果有三级子菜单,则需要箭头标识
文章来自:http://www.pyzy.net var strRightRow = "&nbsp";
文章来自:http://www.pyzy.net //二级子菜单id
文章来自:http://www.pyzy.net var strSubMenu2ID = strSubMenuID + "_sm" + j;
文章来自:http://www.pyzy.net //鼠标悬停和移出时一级子菜单的响应
文章来自:http://www.pyzy.net var strMouseOverEvent = "parent.chgSubMenuStyle(this,true);parent.endHideSubMenu();";
文章来自:http://www.pyzy.net var strMouseOutEvent = " parent.chgSubMenuStyle(this,false);parent.beginHideSubMenu();";
文章来自:http://www.pyzy.net
文章来自:http://www.pyzy.net //位置信息显示
文章来自:http://www.pyzy.net var strPosition = STR_POS_FRONT + m_objMMList[i].attributes.getNamedItem("text").text + "->"
文章来自:http://www.pyzy.net + menuText;
文章来自:http://www.pyzy.net //alert(strPosition);
文章来自:http://www.pyzy.net if ( objSubMenu.hasChildNodes() ) {
文章来自:http://www.pyzy.net //打印其二级子菜单
文章来自:http://www.pyzy.net printSubMenu2(objSubMenu,strSubMenu2ID,strPosition);
文章来自:http://www.pyzy.net
文章来自:http://www.pyzy.net strMouseOverEvent += "parent.showSubMenu2(\"" + strSubMenu2ID + "\",this);";
文章来自:http://www.pyzy.net //strMouseOutEvent += "parent.beginHideSubMenu();";
文章来自:http://www.pyzy.net strRightRow = "<font style='font-family:Webdings;font-size:7pt;height:10'>4</font>";
文章来自:http://www.pyzy.net strPosition = "";
文章来自:http://www.pyzy.net } else {
文章来自:http://www.pyzy.net //strMouseOverEvent += "parent.endHideSubMenu();";
文章来自:http://www.pyzy.net strMouseOverEvent += "parent.hideSubMenu2();";
文章来自:http://www.pyzy.net }
文章来自:http://www.pyzy.net var strOnClickEvent = "javascript:parent.onClickEvent('" + menuHref + "','" + menuTarget + "','" + strPosition + "');"
文章来自:http://www.pyzy.net strSubMenuHtml += "<tr style='" + m_strSubMenuItemStyle + "' " +
文章来自:http://www.pyzy.net " onmouseover='" + strMouseOverEvent + "' " +
文章来自:http://www.pyzy.net " onmouseout='" + strMouseOutEvent + "' " +
文章来自:http://www.pyzy.net " onclick= " + strOnClickEvent + " " +
文章来自:http://www.pyzy.net " > <td width='3' nowrap style='" + m_strSMItemBorderB + "'>&nbsp;</td>"+
文章来自:http://www.pyzy.net " <td nowrap style='" + m_strSMItemBorderB + "'>" + menuText + "</td>"+
文章来自:http://www.pyzy.net " <td width='10' align='right' nowrap style='" + m_strSMItemBorderB + "'>" + strRightRow + "</td>" +
文章来自:http://www.pyzy.net "</tr>";
文章来自:http://www.pyzy.net //alert(objSubMenu.text.length);
文章来自:http://www.pyzy.net
文章来自:http://www.pyzy.net }//end for 子菜单个数循环
文章来自:http://www.pyzy.net
文章来自:http://www.pyzy.net strSubMenuHtml += "</table></div>";
文章来自:http://www.pyzy.net
文章来自:http://www.pyzy.net document.write(strSubMenuHtml);
文章来自:http://www.pyzy.net
文章来自:http://www.pyzy.net
文章来自:http://www.pyzy.net }//end for 主菜单个数循环
文章来自:http://www.pyzy.net}//end function printSubMenu()
文章来自:http://www.pyzy.net
文章来自:http://www.pyzy.net/**打印二级子菜单
文章来自:http://www.pyzy.net*objSubMenu : 一级子菜单对象
文章来自:http://www.pyzy.net*strSubMenu2ID :将要打印的二级菜单的id
文章来自:http://www.pyzy.net*strPosition:主菜单和一级子菜单文本描述
文章来自:http://www.pyzy.net*/
文章来自:http://www.pyzy.netfunction printSubMenu2(objSubMenu,strSubMenu2ID,strPosition)
文章来自:http://www.pyzy.net{
文章来自:http://www.pyzy.net //arrMenuID.push(strSubMenu2ID);
文章来自:http://www.pyzy.net var objSMList = objSubMenu.childNodes;
文章来自:http://www.pyzy.net var intSubMenu2Len = objSMList.length;
文章来自:http://www.pyzy.net
文章来自:http://www.pyzy.net var strSubMenu2Html = "<div style='display:none;border:0;' id='" + strSubMenu2ID + "'>" +
文章来自:http://www.pyzy.net " <table cellspacing='0' cellpadding='4' style='" + m_strSubMenuStyle + "'>";
文章来自:http://www.pyzy.net
文章来自:http://www.pyzy.net
文章来自:http://www.pyzy.net for ( var i = 0; i< intSubMenu2Len;i ++ )
文章来自:http://www.pyzy.net {
文章来自:http://www.pyzy.net var objSubMenu2 = objSMList[i];
文章来自:http://www.pyzy.net var attList = objSubMenu2.attributes;
文章来自:http://www.pyzy.net var menuText = attList.getNamedItem("text").text;
文章来自:http://www.pyzy.net var menuHref = attList.getNamedItem("href").text;
文章来自:http://www.pyzy.net
文章来自:http://www.pyzy.net var menuTarget = "";
文章来自:http://www.pyzy.net if( attList.getNamedItem("target") )
文章来自:http://www.pyzy.net menuTarget = attList.getNamedItem("target").text;
文章来自:http://www.pyzy.net else
文章来自:http://www.pyzy.net menuTarget = "_self";
文章来自:http://www.pyzy.net
文章来自:http://www.pyzy.net var strPostion2 = strPosition + "->" + menuText;
文章来自:http://www.pyzy.net
文章来自:http://www.pyzy.net strSubMenu2Html += "<tr style='" + m_strSubMenuItemStyle + "' " +
文章来自:http://www.pyzy.net " onmouseover='parent.parent.chgSubMenuStyle(this,true);" +
文章来自:http://www.pyzy.net " parent.parent.endHideSubMenu(); ' " +
文章来自:http://www.pyzy.net " onmouseout='parent.parent.chgSubMenuStyle(this,false);parent.parent.beginHideSubMenu();' " +
文章来自:http://www.pyzy.net " onclick=javascript:parent.parent.onClickEvent('" + menuHref + "','" + menuTarget + "','" + strPostion2 + "'); " +
文章来自:http://www.pyzy.net " > <td width='3' nowrap style='" + m_strSMItemBorderB + "'>&nbsp;</td>"+
文章来自:http://www.pyzy.net " <td nowrap style='" + m_strSMItemBorderB + "'>" + menuText + "</td>"+
文章来自:http://www.pyzy.net " <td width='3' nowrap style='" + m_strSMItemBorderB + "'>&nbsp;</td>" +
文章来自:http://www.pyzy.net "</tr>";
文章来自:http://www.pyzy.net }
文章来自:http://www.pyzy.net strSubMenu2Html += "</table></div>";
文章来自:http://www.pyzy.net
文章来自:http://www.pyzy.net document.write(strSubMenu2Html);
文章来自:http://www.pyzy.net
文章来自:http://www.pyzy.net}//end function printSubMenu2
文章来自:http://www.pyzy.net
文章来自:http://www.pyzy.net
文章来自:http://www.pyzy.net
文章来自:http://www.pyzy.net/**
文章来自:http://www.pyzy.net*打开链接,所有菜单的链接都是通过这个函数来打开。并显示位置信息
文章来自:http://www.pyzy.net*@param strUrl - 打开链接的地址
文章来自:http://www.pyzy.net*@param strTarget - 打开链接的target。如_self,_blank等
文章来自:http://www.pyzy.net*@param strViewText - 位置信息
文章来自:http://www.pyzy.net*/
文章来自:http://www.pyzy.netfunction onClickEvent(strUrl,strTarget,strViewText)
文章来自:http://www.pyzy.net{
文章来自:http://www.pyzy.net m_bolFirst = true;//以后响应菜单时变为为第一次响应
文章来自:http://www.pyzy.net //document.all.selected_menu.innerText = strViewText;
文章来自:http://www.pyzy.net
文章来自:http://www.pyzy.net m_strTitle = "";
文章来自:http://www.pyzy.net var arrText = strViewText.split("->");
文章来自:http://www.pyzy.net if ( arrText.length >0 )
文章来自:http://www.pyzy.net m_strTitle = arrText[0];
文章来自:http://www.pyzy.net for (var i = 1; i < arrText.length ; i ++ )
文章来自:http://www.pyzy.net {
文章来自:http://www.pyzy.net m_strTitle += "-" + arrText[i];
文章来自:http://www.pyzy.net }
文章来自:http://www.pyzy.net m_strTitle = m_strTitle.substring(STR_POS_FRONT.length);
文章来自:http://www.pyzy.net //隐藏下拉菜单
文章来自:http://www.pyzy.net hideSubMenu();
文章来自:http://www.pyzy.net //显示title
文章来自:http://www.pyzy.net if (m_strTitle != "")
文章来自:http://www.pyzy.net {
文章来自:http://www.pyzy.net //parent.document.title = m_strTitle;
文章来自:http://www.pyzy.net }
文章来自:http://www.pyzy.net
文章来自:http://www.pyzy.net if ( strUrl == "#" )
文章来自:http://www.pyzy.net return;
文章来自:http://www.pyzy.net
文章来自:http://www.pyzy.net //如果url是一个javascript字符串则直接执行之
文章来自:http://www.pyzy.net if(strUrl.toLowerCase().indexOf("javascript") != -1) {
文章来自:http://www.pyzy.net executeScript(strUrl);
文章来自:http://www.pyzy.net return;
文章来自:http://www.pyzy.net }
文章来自:http://www.pyzy.net
文章来自:http://www.pyzy.net strUrl = m_strContextPath + strUrl;//地址应加上虚拟目录
文章来自:http://www.pyzy.net
文章来自:http://www.pyzy.net window.open(strUrl,strTarget);
文章来自:http://www.pyzy.net}
文章来自:http://www.pyzy.net//执行一个javascript字符串
文章来自:http://www.pyzy.netfunction executeScript(strScript)
文章来自:http://www.pyzy.net{
文章来自:http://www.pyzy.net //第一个eval得到该字符串表示的变量,第二个eval则执行变量里的脚本
文章来自:http://www.pyzy.net eval(strScript);
文章来自:http://www.pyzy.net}
文章来自:http://www.pyzy.net
文章来自:http://www.pyzy.net
文章来自:http://www.pyzy.net三、典型的xml配置
文章来自:http://www.pyzy.net<?xml version="1.0" encoding="GB2312"?>
文章来自:http://www.pyzy.net
文章来自:http://www.pyzy.net<popmenu>
文章来自:http://www.pyzy.net <!--样式定义-->
文章来自:http://www.pyzy.net <style>
文章来自:http://www.pyzy.net <!--主菜单样式定义-->
文章来自:http://www.pyzy.net <main-menu>
文章来自:http://www.pyzy.net <!--基本样式,只要节点符合table style attribute即可-->
文章来自:http://www.pyzy.net <base>
文章来自:http://www.pyzy.net <background-color>#DDDDDD</background-color>
文章来自:http://www.pyzy.net <background-image>url(menu_bg.jpg)</background-image>
文章来自:http://www.pyzy.net <font-size>10pt</font-size>
文章来自:http://www.pyzy.net <color>#000099</color>
文章来自:http://www.pyzy.net <width>100%</width>
文章来自:http://www.pyzy.net <height>32</height>
文章来自:http://www.pyzy.net <text-align>center</text-align>
文章来自:http://www.pyzy.net <cursor>default</cursor>
文章来自:http://www.pyzy.net </base>
文章来自:http://www.pyzy.net <!--菜单项的样式-->
文章来自:http://www.pyzy.net <menu-item>
文章来自:http://www.pyzy.net <!--基本样式,节点符合td style attribute即可,可选。鼠标移出时使用该样式-->
文章来自:http://www.pyzy.net <base>
文章来自:http://www.pyzy.net <background-color></background-color>
文章来自:http://www.pyzy.net <color>#000099</color>
文章来自:http://www.pyzy.net </base>
文章来自:http://www.pyzy.net <!--鼠标悬停时的样式,节点符合td style attribute即可,可选-->
文章来自:http://www.pyzy.net <mouse-over>
文章来自:http://www.pyzy.net <background-color>white</background-color>
文章来自:http://www.pyzy.net <border>1 solid #6699CC</border>
文章来自:http://www.pyzy.net <color>green</color>
文章来自:http://www.pyzy.net </mouse-over>
文章来自:http://www.pyzy.net <!--菜单项与项之间的分割图片,可选-->
文章来自:http://www.pyzy.net <split-image>url(menu_split.gif)</split-image>
文章来自:http://www.pyzy.net </menu-item>
文章来自:http://www.pyzy.net </main-menu>
文章来自:http://www.pyzy.net
文章来自:http://www.pyzy.net <!--子菜单样式定义-->
文章来自:http://www.pyzy.net <sub-menu>
文章来自:http://www.pyzy.net <!--基本样式,只要节点符合table style attribute即可-->
文章来自:http://www.pyzy.net <base>
文章来自:http://www.pyzy.net <font-size>9pt</font-size>
文章来自:http://www.pyzy.net <border>1 solid black</border>
文章来自:http://www.pyzy.net <cursor>default</cursor>
文章来自:http://www.pyzy.net </base>
文章来自:http://www.pyzy.net <!--菜单项的样式-->
文章来自:http://www.pyzy.net <menu-item>
文章来自:http://www.pyzy.net <!--基本样式,节点符合tr style attribute即可,可选。鼠标移出时使用该样式-->
文章来自:http://www.pyzy.net <base>
文章来自:http://www.pyzy.net <background-color>white</background-color>
文章来自:http://www.pyzy.net <color>#006699</color>
文章来自:http://www.pyzy.net </base>
文章来自:http://www.pyzy.net <!--鼠标悬停时的样式,节点符合tr style attribute即可,可选。-->
文章来自:http://www.pyzy.net <mouse-over>
文章来自:http://www.pyzy.net <background-color>#DDDDDD</background-color>
文章来自:http://www.pyzy.net <color>#000066</color>
文章来自:http://www.pyzy.net </mouse-over>
文章来自:http://www.pyzy.net <!--菜单项与项之间的分割线,参数符合border样式即可。可选-->
文章来自:http://www.pyzy.net <split-line>1 solid #999999</split-line>
文章来自:http://www.pyzy.net </menu-item>
文章来自:http://www.pyzy.net </sub-menu>
文章来自:http://www.pyzy.net </style>
文章来自:http://www.pyzy.net
文章来自:http://www.pyzy.net <!--
文章来自:http://www.pyzy.net context path相当于虚拟目录的别名。如果菜单的链接使用绝对路径访问,则建议设置该节点。
文章来自:http://www.pyzy.net 如果设置该节点则菜单的链接地址由该值加上菜单项设置的href构成。
文章来自:http://www.pyzy.net 该节点是可选的
文章来自:http://www.pyzy.net -->
文章来自:http://www.pyzy.net <context>
文章来自:http://www.pyzy.net <path></path>
文章来自:http://www.pyzy.net </context>
文章来自:http://www.pyzy.net
文章来自:http://www.pyzy.net <!--
文章来自:http://www.pyzy.net 菜单数据。
文章来自:http://www.pyzy.net menus下的节点视为主菜单,只有主菜单设置的宽度值才有效
文章来自:http://www.pyzy.net 菜单必须有text,href两个属性,target为可选属性,默认值为"_self"
文章来自:http://www.pyzy.net text - 菜单文本
文章来自:http://www.pyzy.net href - 菜单链接地址。如果不需链接请用"#";如果是执行某段javascript,请加上前缀javascript:
文章来自:http://www.pyzy.net target - 菜单打开的窗口
文章来自:http://www.pyzy.net -->
文章来自:http://www.pyzy.net <menus>
文章来自:http://www.pyzy.net <menu text="CSDN" href="#" target="_blank" width="60">
文章来自:http://www.pyzy.net <menu text="网站首页" href="http://www.csdn.net" target="_blank">
文章来自:http://www.pyzy.net </menu>
文章来自:http://www.pyzy.net <menu text="服务" href="#">
文章来自:http://www.pyzy.net <menu text="blog" href="http://blog.csdn.net/"></menu>
文章来自:http://www.pyzy.net <menu text="技术社区" href="http://community.csdn.net/"></menu>
文章来自:http://www.pyzy.net <menu text="帮助" href="javascript:help();"></menu>
文章来自:http://www.pyzy.net </menu>
文章来自:http://www.pyzy.net </menu>
文章来自:http://www.pyzy.net <menu text="SOHU" href="http://www.sohu.com" target="_blank" width="60">
文章来自:http://www.pyzy.net </menu>
文章来自:http://www.pyzy.net <menu text="NCUCEC" href="http://www.infocespace.cn" target="_blank" width="60">
文章来自:http://www.pyzy.net <menu text="公司网站" href="http://www.infospace.cn" target="_blank"></menu>
文章来自:http://www.pyzy.net <menu text="内部论坛" href="http://www.infospace.cn/forums" target="_self"></menu>
文章来自:http://www.pyzy.net </menu>
文章来自:http://www.pyzy.net </menus>
文章来自:http://www.pyzy.net</popmenu>
文章来自:http://www.pyzy.net
文章来自:http://www.pyzy.net四、使用例子
文章来自:http://www.pyzy.net
文章来自:http://www.pyzy.net<html>
文章来自:http://www.pyzy.net<head>
文章来自:http://www.pyzy.net<title>javascript+xml二级下拉菜单(使用window.createPopup())</title>
文章来自:http://www.pyzy.net
文章来自:http://www.pyzy.net</head>
文章来自:http://www.pyzy.net<body bgcolor="#cccccc">
文章来自:http://www.pyzy.net
文章来自:http://www.pyzy.net<script language="javascript" src="menu_script1.js"></script>
文章来自:http://www.pyzy.net<script language="javascript" src="menu_script2.js"></script>
文章来自:http://www.pyzy.net
文章来自:http://www.pyzy.net
文章来自:http://www.pyzy.net<div>
文章来自:http://www.pyzy.net <script language="javascript">loadMenu("menu_data.xml");</script>
文章来自:http://www.pyzy.net</div>
文章来自:http://www.pyzy.net
文章来自:http://www.pyzy.net</body>
文章来自:http://www.pyzy.net</html>
文章来自:http://www.pyzy.net
文章来自:http://www.pyzy.net
文章来自:http://www.pyzy.net
文章来自:http://www.pyzy.net只要节点名称符合各自标签(table,tr,td之一)的style attribute即可。
文章来自:http://www.pyzy.net
文章来自:http://www.pyzy.net(3)主菜单项之间可以设置分割图片,
文章来自:http://www.pyzy.net子菜单项可以设置分割线的样式。
文章来自:http://www.pyzy.net
文章来自:http://www.pyzy.net(4)所有图片都由css控制,避免路径问题。
文章来自:http://www.pyzy.net
文章来自:http://www.pyzy.net(5)可以设置虚拟目录的别名,为菜单链接使用绝对路径带来方便,如:
文章来自:http://www.pyzy.net
文章来自:http://www.pyzy.net<context>
文章来自:http://www.pyzy.net <path>hdsa</path>
文章来自:http://www.pyzy.net</context>
文章来自:http://www.pyzy.net
文章来自:http://www.pyzy.net
文章来自:http://www.pyzy.net设置该值后,用户只需根据文件的目录结构写好菜单,而不必担心虚拟目录的问题。
文章来自:http://www.pyzy.net
文章来自:http://www.pyzy.net由于菜单使用了window.createPopup(),
文章来自:http://www.pyzy.net所以它被限制在IE5.5以上,
文章来自:http://www.pyzy.net而且子菜单如果是新开窗口,会被拦截。
文章来自:http://www.pyzy.net注:用window.createPopup()制作菜单受到过前人的启发
文章来自:http://www.pyzy.net
文章来自:http://www.pyzy.net设置该值后,用户只需根据文件的目录结构写好菜单,而不必担心虚拟目录的问题。
文章来自:http://www.pyzy.net
文章来自:http://www.pyzy.net由于菜单使用了window.createPopup(),
文章来自:http://www.pyzy.net所以它被限制在IE5.5以上,
文章来自:http://www.pyzy.net而且子菜单如果是新开窗口,会被拦截。
文章来自:http://www.pyzy.net注:用window.createPopup()制作菜单受到过前人的启发
文章来自:http://www.pyzy.net=====================================================================
文章来自:http://www.pyzy.net
文章来自:http://www.pyzy.net
文章来自:http://www.pyzy.net二、实现的两个脚本可以写在一个文件中:
文章来自:http://www.pyzy.net
文章来自:http://www.pyzy.net(1)处理Popup窗口的脚本
文章来自:http://www.pyzy.net
文章来自:http://www.pyzy.net//------------------ 下面一些函数用来处理弹出窗口 ------------------ //
文章来自:http://www.pyzy.netvar pops = new Array(); // 用来存储Popup窗口家族的数组
文章来自:http://www.pyzy.netfunction CreatePopup(degree)
文章来自:http://www.pyzy.net{
文章来自:http://www.pyzy.net if (degree < 0) // 层数不能小于0
文章来自:http://www.pyzy.net return null;
文章来自:http://www.pyzy.net if (pops[degree] != null) //如果已经存在则不需创建
文章来自:http://www.pyzy.net return pops[degree];
文章来自:http://www.pyzy.net
文章来自:http://www.pyzy.net if (degree == 0)
文章来自:http://www.pyzy.net pops[0] = window.createPopup(); //创建最顶层Popup窗口
文章来自:http://www.pyzy.net else{
文章来自:http://www.pyzy.net if (pops[degree - 1] == null)
文章来自:http://www.pyzy.net pops[degree - 1] = CreatePopup(degree - 1) //递归回溯从第一层开始创建
文章来自:http://www.pyzy.net pops[degree] = pops[degree - 1].document.parentWindow.createPopup(); //从父Popup窗口创建子Popup窗口
文章来自:http://www.pyzy.net }
文章来自:http://www.pyzy.net pops[degree].document.body.setAttribute("degree", degree);
文章来自:http://www.pyzy.net return pops[degree];
文章来自:http://www.pyzy.net}
文章来自:http://www.pyzy.net
文章来自:http://www.pyzy.netCreatePopup(1); //创建一个2层的Popup家族
文章来自:http://www.pyzy.net
文章来自:http://www.pyzy.net
文章来自:http://www.pyzy.net
文章来自:http://www.pyzy.netvar oPopup = pops[0];
文章来自:http://www.pyzy.netvar timer = null;
文章来自:http://www.pyzy.net
文章来自:http://www.pyzy.net
文章来自:http://www.pyzy.net/**
文章来自:http://www.pyzy.net*显示一级子菜单
文章来自:http://www.pyzy.net*@param objShow - 显示子菜单的对象
文章来自:http://www.pyzy.net*@param strGetID - 存储显示内容的标签id
文章来自:http://www.pyzy.net*/
文章来自:http://www.pyzy.netfunction showSubMenu1(objShow,strGetID) {
文章来自:http://www.pyzy.net clearTimer();
文章来自:http://www.pyzy.net endHideSubMenu();
文章来自:http://www.pyzy.net var objGet = eval(document.getElementById(strGetID));
文章来自:http://www.pyzy.net
文章来自:http://www.pyzy.net pops[1].hide();
文章来自:http://www.pyzy.net pops[0].document.body.innerHTML = objGet.innerHTML;
文章来自:http://www.pyzy.net pops[0].show(0,0,1,1,objShow);
文章来自:http://www.pyzy.net var intWidth = pops[0].document.body.scrollWidth;
文章来自:http://www.pyzy.net var intHeight = pops[0].document.body.scrollHeight;
文章来自:http://www.pyzy.net pops[0].hide();
文章来自:http://www.pyzy.net pops[0].show(10,objShow.offsetHeight-2,intWidth,intHeight,objShow);
文章来自:http://www.pyzy.net}
文章来自:http://www.pyzy.net
文章来自:http://www.pyzy.net
文章来自:http://www.pyzy.net/**
文章来自:http://www.pyzy.net*显示二级菜单
文章来自:http://www.pyzy.net*@param strGetID - 存储显示内容的标签id
文章来自:http://www.pyzy.net*@param objTr - 显示子菜单的tr对象
文章来自:http://www.pyzy.net*/
文章来自:http://www.pyzy.netfunction showSubMenu2(strGetID,objTr) {
文章来自:http://www.pyzy.net clearTimer();
文章来自:http://www.pyzy.net endHideSubMenu();
文章来自:http://www.pyzy.net var objGet = eval(document.getElementById(strGetID));
文章来自:http://www.pyzy.net pops[1].document.body.innerHTML = objGet.innerHTML;
文章来自:http://www.pyzy.net pops[1].show(0,0,1,1,pops[0].document.body);
文章来自:http://www.pyzy.net var intWidth = pops[1].document.body.scrollWidth;
文章来自:http://www.pyzy.net var intHeight = pops[1].document.body.scrollHeight;
文章来自:http://www.pyzy.net pops[1].hide();
文章来自:http://www.pyzy.net pops[1].show(objTr.offsetWidth - 2,-2, intWidth, intHeight, objTr);
文章来自:http://www.pyzy.net
文章来自:http://www.pyzy.net}
文章来自:http://www.pyzy.net
文章来自:http://www.pyzy.net//隐藏一级子菜单
文章来自:http://www.pyzy.netfunction hideSubMenu1(){
文章来自:http://www.pyzy.net //pops[0].hide();
文章来自:http://www.pyzy.net window.setTimeout("pops[0].hide()", 1000);
文章来自:http://www.pyzy.net}
文章来自:http://www.pyzy.net
文章来自:http://www.pyzy.net//隐藏二级子菜单
文章来自:http://www.pyzy.netfunction hideSubMenu2()
文章来自:http://www.pyzy.net{
文章来自:http://www.pyzy.net //clearTimer();
文章来自:http://www.pyzy.net //timer = window.setTimeout("pops[1].hide()", 1000);
文章来自:http://www.pyzy.net pops[1].hide();
文章来自:http://www.pyzy.net}
文章来自:http://www.pyzy.net
文章来自:http://www.pyzy.net//隐藏所有下拉菜单
文章来自:http://www.pyzy.netfunction hideSubMenu()
文章来自:http://www.pyzy.net{
文章来自:http://www.pyzy.net if(pops[0] != null)pops[0].hide();
文章来自:http://www.pyzy.net if(pops[1] != null)pops[1].hide();
文章来自:http://www.pyzy.net}
文章来自:http://www.pyzy.net
文章来自:http://www.pyzy.netfunction clearTimer()
文章来自:http://www.pyzy.net{
文章来自:http://www.pyzy.net if (timer != null)
文章来自:http://www.pyzy.net window.clearTimeout(timer)
文章来自:http://www.pyzy.net timer = null;
文章来自:http://www.pyzy.net //alert("OK");
文章来自:http://www.pyzy.net}
文章来自:http://www.pyzy.net
文章来自:http://www.pyzy.net(2)读取分析xml数据文件,打印菜单的脚本
文章来自:http://www.pyzy.net
文章来自:http://www.pyzy.net//位置信息
文章来自:http://www.pyzy.netvar m_strTitle = "您的位置->";
文章来自:http://www.pyzy.net
文章来自:http://www.pyzy.net// -------- 主菜单样式相关定义 ---------//
文章来自:http://www.pyzy.net
文章来自:http://www.pyzy.net//定义主菜单样式
文章来自:http://www.pyzy.netvar m_strMainMenuStyle = "";
文章来自:http://www.pyzy.net//主菜单项的样式attribute
文章来自:http://www.pyzy.netvar m_strMainMenuItemStyle = "";
文章来自:http://www.pyzy.net//主菜单项样式Property
文章来自:http://www.pyzy.netvar m_strMMItemProBase = {};
文章来自:http://www.pyzy.net//主菜单项鼠标悬停样式Property
文章来自:http://www.pyzy.netvar m_strMMItemProMOver = {};
文章来自:http://www.pyzy.net//菜单项与项之间的分割图片
文章来自:http://www.pyzy.netvar m_strMMItemSplitImg;
文章来自:http://www.pyzy.net
文章来自:http://www.pyzy.net// -------- 子菜单样式相关定义 ---------//
文章来自:http://www.pyzy.net
文章来自:http://www.pyzy.net//定义子菜单样式
文章来自:http://www.pyzy.netvar m_strSubMenuStyle = "";
文章来自:http://www.pyzy.net//子菜单项的样式attribute
文章来自:http://www.pyzy.netvar m_strSubMenuItemStyle = "";
文章来自:http://www.pyzy.net//子菜单项样式Property
文章来自:http://www.pyzy.netvar m_strSMItemProBase = {};
文章来自:http://www.pyzy.net//子菜单项鼠标悬停样式Property
文章来自:http://www.pyzy.netvar m_strSMItemProMOver = {};
文章来自:http://www.pyzy.net//子菜单项下边框样式(作为分割线)
文章来自:http://www.pyzy.netvar m_strSMItemBorderB = "";
文章来自:http://www.pyzy.net
文章来自:http://www.pyzy.net//定义虚拟目录路径
文章来自:http://www.pyzy.netvar m_strContextPath = "";
文章来自:http://www.pyzy.net
文章来自:http://www.pyzy.net//菜单xml数据文件对象
文章来自:http://www.pyzy.netvar m_doc;
文章来自:http://www.pyzy.net
文章来自:http://www.pyzy.net//主菜单集合
文章来自:http://www.pyzy.netvar m_objMMList;
文章来自:http://www.pyzy.net
文章来自:http://www.pyzy.net
文章来自:http://www.pyzy.netvar STR_POS_FRONT = "您的位置:";
文章来自:http://www.pyzy.net
文章来自:http://www.pyzy.net//loadMenu("main_menu.xml");
文章来自:http://www.pyzy.net/**
文章来自:http://www.pyzy.net*加载菜单
文章来自:http://www.pyzy.net*@param strXMLPath - XML数据文件所在路径及文件名
文章来自:http://www.pyzy.net*/
文章来自:http://www.pyzy.netfunction loadMenu(strXMLFile) {
文章来自:http://www.pyzy.net m_doc = new ActiveXObject("MSXML2.DOMDocument.3.0");
文章来自:http://www.pyzy.net m_doc.async = false;
文章来自:http://www.pyzy.net m_doc.load(strXMLFile);
文章来自:http://www.pyzy.net
文章来自:http://www.pyzy.net getMainMenuStyle();
文章来自:http://www.pyzy.net getSubMenuStyle();
文章来自:http://www.pyzy.net
文章来自:http://www.pyzy.net //得到主菜单集合
文章来自:http://www.pyzy.net m_objMMList = m_doc.selectSingleNode("//popmenu/menus").childNodes;
文章来自:http://www.pyzy.net
文章来自:http://www.pyzy.net //得到虚拟目录
文章来自:http://www.pyzy.net if( m_doc.selectSingleNode("//popmenu/context/path") ) {
文章来自:http://www.pyzy.net m_strContextPath = m_doc.selectSingleNode("//popmenu/context/path").text;
文章来自:http://www.pyzy.net }
文章来自:http://www.pyzy.net
文章来自:http://www.pyzy.net //输出主菜单
文章来自:http://www.pyzy.net printMainMenu();
文章来自:http://www.pyzy.net //输出一级子菜单
文章来自:http://www.pyzy.net printSubMenu();
文章来自:http://www.pyzy.net
文章来自:http://www.pyzy.net}
文章来自:http://www.pyzy.net
文章来自:http://www.pyzy.net
文章来自:http://www.pyzy.net/**
文章来自:http://www.pyzy.net*鼠标移入移出主菜单样式的改变
文章来自:http://www.pyzy.net*@param obj - 改变样式的对象
文章来自:http://www.pyzy.net*@param bolChg - 是否改变样式
文章来自:http://www.pyzy.net*/
文章来自:http://www.pyzy.netfunction chgMainMenuStyle(obj,bolChg)
文章来自:http://www.pyzy.net{
文章来自:http://www.pyzy.net if ( bolChg ) {//鼠标悬停改变颜色
文章来自:http://www.pyzy.net for( var pro in m_strMMItemProMOver ) {
文章来自:http://www.pyzy.net obj.style[pro] = m_strMMItemProMOver[pro];
文章来自:http://www.pyzy.net }
文章来自:http://www.pyzy.net } else {//鼠标移出
文章来自:http://www.pyzy.net obj.style.border = "0";
文章来自:http://www.pyzy.net for( var pro in m_strMMItemProBase ) {
文章来自:http://www.pyzy.net obj.style[pro] = m_strMMItemProBase[pro];
文章来自:http://www.pyzy.net }
文章来自:http://www.pyzy.net }
文章来自:http://www.pyzy.net}//end function chgMainMenuStyle(obj,i)
文章来自:http://www.pyzy.net
文章来自:http://www.pyzy.net/**
文章来自:http://www.pyzy.net*鼠标移入移出子菜单样式的改变
文章来自:http://www.pyzy.net*@param obj - 改变样式的对象
文章来自:http://www.pyzy.net*@param bolChg - 是否改变样式
文章来自:http://www.pyzy.net*/
文章来自:http://www.pyzy.netfunction chgSubMenuStyle(obj,bolChg) {
文章来自:http://www.pyzy.net if ( bolChg ) {//鼠标悬停改变颜色
文章来自:http://www.pyzy.net for( var pro in m_strSMItemProMOver ) {
文章来自:http://www.pyzy.net obj.style[pro] = m_strSMItemProMOver[pro];
文章来自:http://www.pyzy.net }
文章来自:http://www.pyzy.net } else {//鼠标移出
文章来自:http://www.pyzy.net for( var pro in m_strSMItemProBase ) {
文章来自:http://www.pyzy.net obj.style[pro] = m_strSMItemProBase[pro];
文章来自:http://www.pyzy.net }
文章来自:http://www.pyzy.net }
文章来自:http://www.pyzy.net}//end function chgSubMenuStyle(obj,i)
文章来自:http://www.pyzy.net
文章来自:http://www.pyzy.net
文章来自:http://www.pyzy.net/**
文章来自:http://www.pyzy.net*构造节点样式
文章来自:http://www.pyzy.net*@param strPath 节点路径
文章来自:http://www.pyzy.net*/
文章来自:http://www.pyzy.netfunction getNodeStyle(strPath) {
文章来自:http://www.pyzy.net var strStyle = "";
文章来自:http://www.pyzy.net if( m_doc.selectSingleNode(strPath) ) {
文章来自:http://www.pyzy.net var nodeList = m_doc.selectSingleNode(strPath).childNodes;
文章来自:http://www.pyzy.net for( var i = 0;i < nodeList.length;i ++ ) {
文章来自:http://www.pyzy.net var nodeName = nodeList[i].nodeName;
文章来自:http://www.pyzy.net var nodeText = nodeList[i].text;
文章来自:http://www.pyzy.net strStyle += nodeName.toLowerCase() + ":" + nodeText + ";";
文章来自:http://www.pyzy.net }
文章来自:http://www.pyzy.net }
文章来自:http://www.pyzy.net return strStyle;
文章来自:http://www.pyzy.net}
文章来自:http://www.pyzy.net/**
文章来自:http://www.pyzy.net*构造节点Style Property
文章来自:http://www.pyzy.net*/
文章来自:http://www.pyzy.netfunction getNodeProperty(strPath) {
文章来自:http://www.pyzy.net var arrProperty = {};
文章来自:http://www.pyzy.net if( m_doc.selectSingleNode(strPath) ) {
文章来自:http://www.pyzy.net var nodeList = m_doc.selectSingleNode(strPath).childNodes;
文章来自:http://www.pyzy.net for( var i = 0;i < nodeList.length;i ++ ) {
文章来自:http://www.pyzy.net var nodeName = nodeList[i].nodeName;
文章来自:http://www.pyzy.net nodeName = nodeName.toLowerCase();
文章来自:http://www.pyzy.net var nodeText = nodeList[i].text;
文章来自:http://www.pyzy.net //由attribute到property的转变。如background-color -> backgroundColor
文章来自:http://www.pyzy.net var aName = nodeName.split("-");
文章来自:http://www.pyzy.net var strProperty = aName[0];
文章来自:http://www.pyzy.net for( var j = 1;j < aName.length;j ++ ) {
文章来自:http://www.pyzy.net strProperty += aName[j].substring(0,1).toUpperCase() + aName[j].substr(1);
文章来自:http://www.pyzy.net }
文章来自:http://www.pyzy.net arrProperty[strProperty] = nodeText;
文章来自:http://www.pyzy.net }
文章来自:http://www.pyzy.net }
文章来自:http://www.pyzy.net return arrProperty;
文章来自:http://www.pyzy.net}
文章来自:http://www.pyzy.net
文章来自:http://www.pyzy.net/**
文章来自:http://www.pyzy.net*得到主菜单样式
文章来自:http://www.pyzy.net*/
文章来自:http://www.pyzy.netfunction getMainMenuStyle() {
文章来自:http://www.pyzy.net
文章来自:http://www.pyzy.net //得到主菜单样式
文章来自:http://www.pyzy.net m_strMainMenuStyle = getNodeStyle("//popmenu/style/main-menu/base");
文章来自:http://www.pyzy.net //得到主菜单项样式
文章来自:http://www.pyzy.net m_strMainMenuItemStyle = getNodeStyle("//popmenu/style/main-menu/menu-item/base");
文章来自:http://www.pyzy.net
文章来自:http://www.pyzy.net //主菜单项的property
文章来自:http://www.pyzy.net m_strMMItemProBase = getNodeProperty("//popmenu/style/main-menu/menu-item/base");
文章来自:http://www.pyzy.net
文章来自:http://www.pyzy.net //得到鼠标悬停时主菜单项各property改变
文章来自:http://www.pyzy.net m_strMMItemProMOver = getNodeProperty("//popmenu/style/main-menu/menu-item/mouse-over");
文章来自:http://www.pyzy.net
文章来自:http://www.pyzy.net //得到菜单项与项之间的分割图片
文章来自:http://www.pyzy.net if( m_doc.selectSingleNode("//popmenu/style/main-menu/menu-item/split-image") ) {
文章来自:http://www.pyzy.net var node = m_doc.selectSingleNode("//popmenu/style/main-menu/menu-item/split-image");
文章来自:http://www.pyzy.net m_strMMItemSplitImg = "background-image:" + node.text + ";";
文章来自:http://www.pyzy.net m_strMMItemSplitImg += "background-repeat:no-repeat;background-position:center center;";
文章来自:http://www.pyzy.net }
文章来自:http://www.pyzy.net
文章来自:http://www.pyzy.net
文章来自:http://www.pyzy.net}//end function getMainMenuStyle()
文章来自:http://www.pyzy.net
文章来自:http://www.pyzy.net/**
文章来自:http://www.pyzy.net*得到主菜单样式
文章来自:http://www.pyzy.net*/
文章来自:http://www.pyzy.netfunction getSubMenuStyle() {
文章来自:http://www.pyzy.net
文章来自:http://www.pyzy.net //得到子菜单样式
文章来自:http://www.pyzy.net m_strSubMenuStyle = getNodeStyle("//popmenu/style/sub-menu/base");
文章来自:http://www.pyzy.net //得到子菜单项样式
文章来自:http://www.pyzy.net m_strSubMenuItemStyle = getNodeStyle("//popmenu/style/sub-menu/menu-item/base");
文章来自:http://www.pyzy.net
文章来自:http://www.pyzy.net //子菜单项的property
文章来自:http://www.pyzy.net m_strSMItemProBase = getNodeProperty("//popmenu/style/sub-menu/menu-item/base");
文章来自:http://www.pyzy.net
文章来自:http://www.pyzy.net //得到鼠标悬停时子菜单项各property改变
文章来自:http://www.pyzy.net m_strSMItemProMOver = getNodeProperty("//popmenu/style/sub-menu/menu-item/mouse-over");
文章来自:http://www.pyzy.net
文章来自:http://www.pyzy.net //得到子菜单项下边框样式(作为分割线)
文章来自:http://www.pyzy.net if( m_doc.selectSingleNode("//popmenu/style/sub-menu/menu-item/split-line") ) {
文章来自:http://www.pyzy.net var node = m_doc.selectSingleNode("//popmenu/style/sub-menu/menu-item/split-line");
文章来自:http://www.pyzy.net m_strSMItemBorderB = "border-bottom:" + node.text + ";";
文章来自:http://www.pyzy.net }
文章来自:http://www.pyzy.net
文章来自:http://www.pyzy.net}//end function getSubMenuStyle()
文章来自:http://www.pyzy.net
文章来自:http://www.pyzy.net
文章来自:http://www.pyzy.netvar m_bolFirst = true;//是否首次响应菜单
文章来自:http://www.pyzy.netdocument.onclick = function(){
文章来自:http://www.pyzy.net m_bolFirst = true;
文章来自:http://www.pyzy.net //alert(parent.frames[0]);
文章来自:http://www.pyzy.net}
文章来自:http://www.pyzy.nettop.document.onclick = function(){
文章来自:http://www.pyzy.net m_bolFirst = true;
文章来自:http://www.pyzy.net}
文章来自:http://www.pyzy.net
文章来自:http://www.pyzy.net/**
文章来自:http://www.pyzy.net*展开各个主菜单
文章来自:http://www.pyzy.net*@param objTd - 主菜单所在td
文章来自:http://www.pyzy.net*@param strSubMenuID - 对应子菜单的id
文章来自:http://www.pyzy.net*@param bolExistSubMenu - 是否存在子菜单
文章来自:http://www.pyzy.net*/
文章来自:http://www.pyzy.netfunction spreadMainMenu(objTd,strSubMenuID,bolExistSubMenu){
文章来自:http://www.pyzy.net
文章来自:http://www.pyzy.net var strEvent = event.type.toLowerCase();
文章来自:http://www.pyzy.net
文章来自:http://www.pyzy.net if( !pops[0].isOpen && strEvent == "mouseover" && m_bolFirst){
文章来自:http://www.pyzy.net return;
文章来自:http://www.pyzy.net }
文章来自:http://www.pyzy.net if( pops[0].isOpen && strEvent == "click"){
文章来自:http://www.pyzy.net return;
文章来自:http://www.pyzy.net }
文章来自:http://www.pyzy.net chgMainMenuStyle(objTd,true);
文章来自:http://www.pyzy.net endHideSubMenu();
文章来自:http://www.pyzy.net if( bolExistSubMenu ){
文章来自:http://www.pyzy.net //如果有子菜单
文章来自:http://www.pyzy.net showSubMenu1(objTd,strSubMenuID);
文章来自:http://www.pyzy.net } else {
文章来自:http://www.pyzy.net //hideSubMenu();
文章来自:http://www.pyzy.net //m_bolFirst = false;//已不是第一次响应菜单
文章来自:http://www.pyzy.net }
文章来自:http://www.pyzy.net}
文章来自:http://www.pyzy.net
文章来自:http://www.pyzy.net//打印主菜单
文章来自:http://www.pyzy.netfunction printMainMenu()
文章来自:http://www.pyzy.net{
文章来自:http://www.pyzy.net var divStyle = "width:100%;";
文章来自:http://www.pyzy.net var strHtml = "";
文章来自:http://www.pyzy.net strHtml = "<div style='" + divStyle + "'>";
文章来自:http://www.pyzy.net strHtml += "<table style='"+m_strMainMenuStyle+"' id='mm' cellpadding='3'><tr>";
文章来自:http://www.pyzy.net //如果用户设置了分割图片则输出
文章来自:http://www.pyzy.net if( m_strMMItemSplitImg && m_strMMItemSplitImg != "" ){
文章来自:http://www.pyzy.net strHtml += "<td style='" + m_strMMItemSplitImg + "' width=2></td>";
文章来自:http://www.pyzy.net }
文章来自:http://www.pyzy.net var intMenuWidth = 0;
文章来自:http://www.pyzy.net
文章来自:http://www.pyzy.net
文章来自:http://www.pyzy.net for ( var i = 0 ; i< m_objMMList.length ; i ++ )
文章来自:http://www.pyzy.net {
文章来自:http://www.pyzy.net var menuNode = m_objMMList[i];
文章来自:http://www.pyzy.net var attList = menuNode.attributes;
文章来自:http://www.pyzy.net var menuText = attList.getNamedItem("text").text;
文章来自:http://www.pyzy.net var menuHref = attList.getNamedItem("href").text;
文章来自:http://www.pyzy.net var menuTarget = "";
文章来自:http://www.pyzy.net if( attList.getNamedItem("target") )
文章来自:http://www.pyzy.net menuTarget = attList.getNamedItem("target").text;
文章来自:http://www.pyzy.net else
文章来自:http://www.pyzy.net menuTarget = "_self";
文章来自:http://www.pyzy.net
文章来自:http://www.pyzy.net var intMenuWidth;
文章来自:http://www.pyzy.net if( attList.getNamedItem("width") )
文章来自:http://www.pyzy.net intMenuWidth = attList.getNamedItem("width").text;
文章来自:http://www.pyzy.net
文章来自:http://www.pyzy.net var strSubMenuID = "sm" + i;
文章来自:http://www.pyzy.net var strMouseOverEvent = "";
文章来自:http://www.pyzy.net var strClickEvent = "";
文章来自:http://www.pyzy.net //如果有子拉菜单,则显示
文章来自:http://www.pyzy.net if ( menuNode.hasChildNodes() ){
文章来自:http://www.pyzy.net strMouseOverEvent = "chgMainMenuStyle(this,true);spreadMainMenu(this,\"" + strSubMenuID + "\",true);";
文章来自:http://www.pyzy.net strClickEvent = strMouseOverEvent;
文章来自:http://www.pyzy.net }else{
文章来自:http://www.pyzy.net strMouseOverEvent = "chgMainMenuStyle(this,true);";
文章来自:http://www.pyzy.net strClickEvent = "onClickEvent('" + menuHref + "','" + menuTarget + "','" + menuText + "');";
文章来自:http://www.pyzy.net }
文章来自:http://www.pyzy.net
文章来自:http://www.pyzy.net strHtml += "<td width=" + intMenuWidth + " style='" + m_strMainMenuItemStyle + "' id=mm" + i +
文章来自:http://www.pyzy.net " onmouseover=" + strMouseOverEvent +
文章来自:http://www.pyzy.net " onmouseout='chgMainMenuStyle(this,false);beginHideSubMenu();' " +
文章来自:http://www.pyzy.net " onclick=" + strClickEvent +
文章来自:http://www.pyzy.net " >" + menuText+"</td>";
文章来自:http://www.pyzy.net
文章来自:http://www.pyzy.net //如果用户设置了分割图片则输出
文章来自:http://www.pyzy.net if( m_strMMItemSplitImg && m_strMMItemSplitImg != "" ){
文章来自:http://www.pyzy.net strHtml += "<td style='" + m_strMMItemSplitImg + "' width='2'></td>";
文章来自:http://www.pyzy.net }
文章来自:http://www.pyzy.net }
文章来自:http://www.pyzy.net strHtml += "<td></td>";
文章来自:http://www.pyzy.net strHtml += "</tr>";
文章来自:http://www.pyzy.net strHtml += "</table>";
文章来自:http://www.pyzy.net strHtml += "</div>";
文章来自:http://www.pyzy.net
文章来自:http://www.pyzy.net document.write(strHtml);
文章来自:http://www.pyzy.net}//end printMainMenu()
文章来自:http://www.pyzy.net
文章来自:http://www.pyzy.net
文章来自:http://www.pyzy.net
文章来自:http://www.pyzy.net//打印一级子菜单
文章来自:http://www.pyzy.netfunction printSubMenu() {
文章来自:http://www.pyzy.net for ( var i = 0 ; i< m_objMMList.length ; i ++ ) {
文章来自:http://www.pyzy.net menuNode = m_objMMList[i];
文章来自:http://www.pyzy.net //如果没有子菜单,执行下一个循环
文章来自:http://www.pyzy.net if ( !menuNode.hasChildNodes() ){
文章来自:http://www.pyzy.net continue;
文章来自:http://www.pyzy.net }
文章来自:http://www.pyzy.net
文章来自:http://www.pyzy.net //得到主菜单下的子菜单集合
文章来自:http://www.pyzy.net var objSMList = menuNode.childNodes;
文章来自:http://www.pyzy.net var intSubMenuLen = objSMList.length;
文章来自:http://www.pyzy.net
文章来自:http://www.pyzy.net //每个主菜单对应的子菜单id
文章来自:http://www.pyzy.net var strSubMenuID = "sm" + i;
文章来自:http://www.pyzy.net
文章来自:http://www.pyzy.net
文章来自:http://www.pyzy.net //arrMenuID.push(strSubMenuID);
文章来自:http://www.pyzy.net
文章来自:http://www.pyzy.net var strSubMenuHtml = "<div style='display:none;border:0;' id='" + strSubMenuID + "'>" +
文章来自:http://www.pyzy.net " <table cellspacing='0' cellpadding='4' style='" + m_strSubMenuStyle + "'>";
文章来自:http://www.pyzy.net
文章来自:http://www.pyzy.net for ( var j = 0;j < intSubMenuLen;j ++ ) {
文章来自:http://www.pyzy.net var objSubMenu = objSMList[j];
文章来自:http://www.pyzy.net var attList = objSubMenu.attributes;
文章来自:http://www.pyzy.net var menuText = attList.getNamedItem("text").text;
文章来自:http://www.pyzy.net var menuHref = attList.getNamedItem("href").text;
文章来自:http://www.pyzy.net var menuTarget = "";
文章来自:http://www.pyzy.net if( attList.getNamedItem("target") )
文章来自:http://www.pyzy.net menuTarget = attList.getNamedItem("target").text;
文章来自:http://www.pyzy.net else
文章来自:http://www.pyzy.net menuTarget = "_self";
文章来自:http://www.pyzy.net
文章来自:http://www.pyzy.net //如果有三级子菜单,则需要箭头标识
文章来自:http://www.pyzy.net var strRightRow = "&nbsp";
文章来自:http://www.pyzy.net //二级子菜单id
文章来自:http://www.pyzy.net var strSubMenu2ID = strSubMenuID + "_sm" + j;
文章来自:http://www.pyzy.net //鼠标悬停和移出时一级子菜单的响应
文章来自:http://www.pyzy.net var strMouseOverEvent = "parent.chgSubMenuStyle(this,true);parent.endHideSubMenu();";
文章来自:http://www.pyzy.net var strMouseOutEvent = " parent.chgSubMenuStyle(this,false);parent.beginHideSubMenu();";
文章来自:http://www.pyzy.net
文章来自:http://www.pyzy.net //位置信息显示
文章来自:http://www.pyzy.net var strPosition = STR_POS_FRONT + m_objMMList[i].attributes.getNamedItem("text").text + "->"
文章来自:http://www.pyzy.net + menuText;
文章来自:http://www.pyzy.net //alert(strPosition);
文章来自:http://www.pyzy.net if ( objSubMenu.hasChildNodes() ) {
文章来自:http://www.pyzy.net //打印其二级子菜单
文章来自:http://www.pyzy.net printSubMenu2(objSubMenu,strSubMenu2ID,strPosition);
文章来自:http://www.pyzy.net
文章来自:http://www.pyzy.net strMouseOverEvent += "parent.showSubMenu2(\"" + strSubMenu2ID + "\",this);";
文章来自:http://www.pyzy.net //strMouseOutEvent += "parent.beginHideSubMenu();";
文章来自:http://www.pyzy.net strRightRow = "<font style='font-family:Webdings;font-size:7pt;height:10'>4</font>";
文章来自:http://www.pyzy.net strPosition = "";
文章来自:http://www.pyzy.net } else {
文章来自:http://www.pyzy.net //strMouseOverEvent += "parent.endHideSubMenu();";
文章来自:http://www.pyzy.net strMouseOverEvent += "parent.hideSubMenu2();";
文章来自:http://www.pyzy.net }
文章来自:http://www.pyzy.net var strOnClickEvent = "javascript:parent.onClickEvent('" + menuHref + "','" + menuTarget + "','" + strPosition + "');"
文章来自:http://www.pyzy.net strSubMenuHtml += "<tr style='" + m_strSubMenuItemStyle + "' " +
文章来自:http://www.pyzy.net " onmouseover='" + strMouseOverEvent + "' " +
文章来自:http://www.pyzy.net " onmouseout='" + strMouseOutEvent + "' " +
文章来自:http://www.pyzy.net " onclick= " + strOnClickEvent + " " +
文章来自:http://www.pyzy.net " > <td width='3' nowrap style='" + m_strSMItemBorderB + "'>&nbsp;</td>"+
文章来自:http://www.pyzy.net " <td nowrap style='" + m_strSMItemBorderB + "'>" + menuText + "</td>"+
文章来自:http://www.pyzy.net " <td width='10' align='right' nowrap style='" + m_strSMItemBorderB + "'>" + strRightRow + "</td>" +
文章来自:http://www.pyzy.net "</tr>";
文章来自:http://www.pyzy.net //alert(objSubMenu.text.length);
文章来自:http://www.pyzy.net
文章来自:http://www.pyzy.net }//end for 子菜单个数循环
文章来自:http://www.pyzy.net
文章来自:http://www.pyzy.net strSubMenuHtml += "</table></div>";
文章来自:http://www.pyzy.net
文章来自:http://www.pyzy.net document.write(strSubMenuHtml);
文章来自:http://www.pyzy.net
文章来自:http://www.pyzy.net
文章来自:http://www.pyzy.net }//end for 主菜单个数循环
文章来自:http://www.pyzy.net}//end function printSubMenu()
文章来自:http://www.pyzy.net
文章来自:http://www.pyzy.net/**打印二级子菜单
文章来自:http://www.pyzy.net*objSubMenu : 一级子菜单对象
文章来自:http://www.pyzy.net*strSubMenu2ID :将要打印的二级菜单的id
文章来自:http://www.pyzy.net*strPosition:主菜单和一级子菜单文本描述
文章来自:http://www.pyzy.net*/
文章来自:http://www.pyzy.netfunction printSubMenu2(objSubMenu,strSubMenu2ID,strPosition)
文章来自:http://www.pyzy.net{
文章来自:http://www.pyzy.net //arrMenuID.push(strSubMenu2ID);
文章来自:http://www.pyzy.net var objSMList = objSubMenu.childNodes;
文章来自:http://www.pyzy.net var intSubMenu2Len = objSMList.length;
文章来自:http://www.pyzy.net
文章来自:http://www.pyzy.net var strSubMenu2Html = "<div style='display:none;border:0;' id='" + strSubMenu2ID + "'>" +
文章来自:http://www.pyzy.net " <table cellspacing='0' cellpadding='4' style='" + m_strSubMenuStyle + "'>";
文章来自:http://www.pyzy.net
文章来自:http://www.pyzy.net
文章来自:http://www.pyzy.net for ( var i = 0; i< intSubMenu2Len;i ++ )
文章来自:http://www.pyzy.net {
文章来自:http://www.pyzy.net var objSubMenu2 = objSMList[i];
文章来自:http://www.pyzy.net var attList = objSubMenu2.attributes;
文章来自:http://www.pyzy.net var menuText = attList.getNamedItem("text").text;
文章来自:http://www.pyzy.net var menuHref = attList.getNamedItem("href").text;
文章来自:http://www.pyzy.net
文章来自:http://www.pyzy.net var menuTarget = "";
文章来自:http://www.pyzy.net if( attList.getNamedItem("target") )
文章来自:http://www.pyzy.net menuTarget = attList.getNamedItem("target").text;
文章来自:http://www.pyzy.net else
文章来自:http://www.pyzy.net menuTarget = "_self";
文章来自:http://www.pyzy.net
文章来自:http://www.pyzy.net var strPostion2 = strPosition + "->" + menuText;
文章来自:http://www.pyzy.net
文章来自:http://www.pyzy.net strSubMenu2Html += "<tr style='" + m_strSubMenuItemStyle + "' " +
文章来自:http://www.pyzy.net " onmouseover='parent.parent.chgSubMenuStyle(this,true);" +
文章来自:http://www.pyzy.net " parent.parent.endHideSubMenu(); ' " +
文章来自:http://www.pyzy.net " onmouseout='parent.parent.chgSubMenuStyle(this,false);parent.parent.beginHideSubMenu();' " +
文章来自:http://www.pyzy.net " onclick=javascript:parent.parent.onClickEvent('" + menuHref + "','" + menuTarget + "','" + strPostion2 + "'); " +
文章来自:http://www.pyzy.net " > <td width='3' nowrap style='" + m_strSMItemBorderB + "'>&nbsp;</td>"+
文章来自:http://www.pyzy.net " <td nowrap style='" + m_strSMItemBorderB + "'>" + menuText + "</td>"+
文章来自:http://www.pyzy.net " <td width='3' nowrap style='" + m_strSMItemBorderB + "'>&nbsp;</td>" +
文章来自:http://www.pyzy.net "</tr>";
文章来自:http://www.pyzy.net }
文章来自:http://www.pyzy.net strSubMenu2Html += "</table></div>";
文章来自:http://www.pyzy.net
文章来自:http://www.pyzy.net document.write(strSubMenu2Html);
文章来自:http://www.pyzy.net
文章来自:http://www.pyzy.net}//end function printSubMenu2
文章来自:http://www.pyzy.net
文章来自:http://www.pyzy.net
文章来自:http://www.pyzy.net
文章来自:http://www.pyzy.net/**
文章来自:http://www.pyzy.net*打开链接,所有菜单的链接都是通过这个函数来打开。并显示位置信息
文章来自:http://www.pyzy.net*@param strUrl - 打开链接的地址
文章来自:http://www.pyzy.net*@param strTarget - 打开链接的target。如_self,_blank等
文章来自:http://www.pyzy.net*@param strViewText - 位置信息
文章来自:http://www.pyzy.net*/
文章来自:http://www.pyzy.netfunction onClickEvent(strUrl,strTarget,strViewText)
文章来自:http://www.pyzy.net{
文章来自:http://www.pyzy.net m_bolFirst = true;//以后响应菜单时变为为第一次响应
文章来自:http://www.pyzy.net //document.all.selected_menu.innerText = strViewText;
文章来自:http://www.pyzy.net
文章来自:http://www.pyzy.net m_strTitle = "";
文章来自:http://www.pyzy.net var arrText = strViewText.split("->");
文章来自:http://www.pyzy.net if ( arrText.length >0 )
文章来自:http://www.pyzy.net m_strTitle = arrText[0];
文章来自:http://www.pyzy.net for (var i = 1; i < arrText.length ; i ++ )
文章来自:http://www.pyzy.net {
文章来自:http://www.pyzy.net m_strTitle += "-" + arrText[i];
文章来自:http://www.pyzy.net }
文章来自:http://www.pyzy.net m_strTitle = m_strTitle.substring(STR_POS_FRONT.length);
文章来自:http://www.pyzy.net //隐藏下拉菜单
文章来自:http://www.pyzy.net hideSubMenu();
文章来自:http://www.pyzy.net //显示title
文章来自:http://www.pyzy.net if (m_strTitle != "")
文章来自:http://www.pyzy.net {
文章来自:http://www.pyzy.net //parent.document.title = m_strTitle;
文章来自:http://www.pyzy.net }
文章来自:http://www.pyzy.net
文章来自:http://www.pyzy.net if ( strUrl == "#" )
文章来自:http://www.pyzy.net return;
文章来自:http://www.pyzy.net
文章来自:http://www.pyzy.net //如果url是一个javascript字符串则直接执行之
文章来自:http://www.pyzy.net if(strUrl.toLowerCase().indexOf("javascript") != -1) {
文章来自:http://www.pyzy.net executeScript(strUrl);
文章来自:http://www.pyzy.net return;
文章来自:http://www.pyzy.net }
文章来自:http://www.pyzy.net
文章来自:http://www.pyzy.net strUrl = m_strContextPath + strUrl;//地址应加上虚拟目录
文章来自:http://www.pyzy.net
文章来自:http://www.pyzy.net window.open(strUrl,strTarget);
文章来自:http://www.pyzy.net}
文章来自:http://www.pyzy.net//执行一个javascript字符串
文章来自:http://www.pyzy.netfunction executeScript(strScript)
文章来自:http://www.pyzy.net{
文章来自:http://www.pyzy.net //第一个eval得到该字符串表示的变量,第二个eval则执行变量里的脚本
文章来自:http://www.pyzy.net eval(strScript);
文章来自:http://www.pyzy.net}
文章来自:http://www.pyzy.net
文章来自:http://www.pyzy.net
文章来自:http://www.pyzy.net三、典型的xml配置
文章来自:http://www.pyzy.net<?xml version="1.0" encoding="GB2312"?>
文章来自:http://www.pyzy.net
文章来自:http://www.pyzy.net<popmenu>
文章来自:http://www.pyzy.net <!--样式定义-->
文章来自:http://www.pyzy.net <style>
文章来自:http://www.pyzy.net <!--主菜单样式定义-->
文章来自:http://www.pyzy.net <main-menu>
文章来自:http://www.pyzy.net <!--基本样式,只要节点符合table style attribute即可-->
文章来自:http://www.pyzy.net <base>
文章来自:http://www.pyzy.net <background-color>#DDDDDD</background-color>
文章来自:http://www.pyzy.net <background-image>url(menu_bg.jpg)</background-image>
文章来自:http://www.pyzy.net <font-size>10pt</font-size>
文章来自:http://www.pyzy.net <color>#000099</color>
文章来自:http://www.pyzy.net <width>100%</width>
文章来自:http://www.pyzy.net <height>32</height>
文章来自:http://www.pyzy.net <text-align>center</text-align>
文章来自:http://www.pyzy.net <cursor>default</cursor>
文章来自:http://www.pyzy.net </base>
文章来自:http://www.pyzy.net <!--菜单项的样式-->
文章来自:http://www.pyzy.net <menu-item>
文章来自:http://www.pyzy.net <!--基本样式,节点符合td style attribute即可,可选。鼠标移出时使用该样式-->
文章来自:http://www.pyzy.net <base>
文章来自:http://www.pyzy.net <background-color></background-color>
文章来自:http://www.pyzy.net <color>#000099</color>
文章来自:http://www.pyzy.net </base>
文章来自:http://www.pyzy.net <!--鼠标悬停时的样式,节点符合td style attribute即可,可选-->
文章来自:http://www.pyzy.net <mouse-over>
文章来自:http://www.pyzy.net <background-color>white</background-color>
文章来自:http://www.pyzy.net <border>1 solid #6699CC</border>
文章来自:http://www.pyzy.net <color>green</color>
文章来自:http://www.pyzy.net </mouse-over>
文章来自:http://www.pyzy.net <!--菜单项与项之间的分割图片,可选-->
文章来自:http://www.pyzy.net <split-image>url(menu_split.gif)</split-image>
文章来自:http://www.pyzy.net </menu-item>
文章来自:http://www.pyzy.net </main-menu>
文章来自:http://www.pyzy.net
文章来自:http://www.pyzy.net <!--子菜单样式定义-->
文章来自:http://www.pyzy.net <sub-menu>
文章来自:http://www.pyzy.net <!--基本样式,只要节点符合table style attribute即可-->
文章来自:http://www.pyzy.net <base>
文章来自:http://www.pyzy.net <font-size>9pt</font-size>
文章来自:http://www.pyzy.net <border>1 solid black</border>
文章来自:http://www.pyzy.net <cursor>default</cursor>
文章来自:http://www.pyzy.net </base>
文章来自:http://www.pyzy.net <!--菜单项的样式-->
文章来自:http://www.pyzy.net <menu-item>
文章来自:http://www.pyzy.net <!--基本样式,节点符合tr style attribute即可,可选。鼠标移出时使用该样式-->
文章来自:http://www.pyzy.net <base>
文章来自:http://www.pyzy.net <background-color>white</background-color>
文章来自:http://www.pyzy.net <color>#006699</color>
文章来自:http://www.pyzy.net </base>
文章来自:http://www.pyzy.net <!--鼠标悬停时的样式,节点符合tr style attribute即可,可选。-->
文章来自:http://www.pyzy.net <mouse-over>
文章来自:http://www.pyzy.net <background-color>#DDDDDD</background-color>
文章来自:http://www.pyzy.net <color>#000066</color>
文章来自:http://www.pyzy.net </mouse-over>
文章来自:http://www.pyzy.net <!--菜单项与项之间的分割线,参数符合border样式即可。可选-->
文章来自:http://www.pyzy.net <split-line>1 solid #999999</split-line>
文章来自:http://www.pyzy.net </menu-item>
文章来自:http://www.pyzy.net </sub-menu>
文章来自:http://www.pyzy.net </style>
文章来自:http://www.pyzy.net
文章来自:http://www.pyzy.net <!--
文章来自:http://www.pyzy.net context path相当于虚拟目录的别名。如果菜单的链接使用绝对路径访问,则建议设置该节点。
文章来自:http://www.pyzy.net 如果设置该节点则菜单的链接地址由该值加上菜单项设置的href构成。
文章来自:http://www.pyzy.net 该节点是可选的
文章来自:http://www.pyzy.net -->
文章来自:http://www.pyzy.net <context>
文章来自:http://www.pyzy.net <path></path>
文章来自:http://www.pyzy.net </context>
文章来自:http://www.pyzy.net
文章来自:http://www.pyzy.net <!--
文章来自:http://www.pyzy.net 菜单数据。
文章来自:http://www.pyzy.net menus下的节点视为主菜单,只有主菜单设置的宽度值才有效
文章来自:http://www.pyzy.net 菜单必须有text,href两个属性,target为可选属性,默认值为"_self"
文章来自:http://www.pyzy.net text - 菜单文本
文章来自:http://www.pyzy.net href - 菜单链接地址。如果不需链接请用"#";如果是执行某段javascript,请加上前缀javascript:
文章来自:http://www.pyzy.net target - 菜单打开的窗口
文章来自:http://www.pyzy.net -->
文章来自:http://www.pyzy.net <menus>
文章来自:http://www.pyzy.net <menu text="CSDN" href="#" target="_blank" width="60">
文章来自:http://www.pyzy.net <menu text="网站首页" href="http://www.csdn.net" target="_blank">
文章来自:http://www.pyzy.net </menu>
文章来自:http://www.pyzy.net <menu text="服务" href="#">
文章来自:http://www.pyzy.net <menu text="blog" href="http://blog.csdn.net/"></menu>
文章来自:http://www.pyzy.net <menu text="技术社区" href="http://community.csdn.net/"></menu>
文章来自:http://www.pyzy.net <menu text="帮助" href="javascript:help();"></menu>
文章来自:http://www.pyzy.net </menu>
文章来自:http://www.pyzy.net </menu>
文章来自:http://www.pyzy.net <menu text="SOHU" href="http://www.sohu.com" target="_blank" width="60">
文章来自:http://www.pyzy.net </menu>
文章来自:http://www.pyzy.net <menu text="NCUCEC" href="http://www.infocespace.cn" target="_blank" width="60">
文章来自:http://www.pyzy.net <menu text="公司网站" href="http://www.infospace.cn" target="_blank"></menu>
文章来自:http://www.pyzy.net <menu text="内部论坛" href="http://www.infospace.cn/forums" target="_self"></menu>
文章来自:http://www.pyzy.net </menu>
文章来自:http://www.pyzy.net </menus>
文章来自:http://www.pyzy.net</popmenu>
文章来自:http://www.pyzy.net
文章来自:http://www.pyzy.net四、使用例子
文章来自:http://www.pyzy.net
文章来自:http://www.pyzy.net<html>
文章来自:http://www.pyzy.net<head>
文章来自:http://www.pyzy.net<title>javascript+xml二级下拉菜单(使用window.createPopup())</title>
文章来自:http://www.pyzy.net
文章来自:http://www.pyzy.net</head>
文章来自:http://www.pyzy.net<body bgcolor="#cccccc">
文章来自:http://www.pyzy.net
文章来自:http://www.pyzy.net<script language="javascript" src="menu_script1.js"></script>
文章来自:http://www.pyzy.net<script language="javascript" src="menu_script2.js"></script>
文章来自:http://www.pyzy.net
文章来自:http://www.pyzy.net
文章来自:http://www.pyzy.net<div>
文章来自:http://www.pyzy.net <script language="javascript">loadMenu("menu_data.xml");</script>
文章来自:http://www.pyzy.net</div>
文章来自:http://www.pyzy.net
文章来自:http://www.pyzy.net</body>
文章来自:http://www.pyzy.net</html>
文章来自:http://www.pyzy.net
文章来自:http://www.pyzy.net


上一篇:[Javascript]javascript的ie和firefox兼容性汇编   下一篇:[Javascript]用javascript连接access数据库的方法

本站所有文章均为系统从互联网自动获取、分析后入库,文章内容不代表本站立场;

本程序及文章内容仅供学习之用,所有的资料和图象均以获得信息为目的;所有的资料和图象均不得用于商业目的;

本网站(PYZY.net)所有的内容中若涉及您的权益请及时与俺联系QQ:33918148。