javascript+xml实现二级下拉菜单 不会被任何标签或元素遮住,javascript+xml实现二级下拉菜单,不会被任何标签或元素遮住
一、简单说明
该菜单最大的优点是可以跨过网页上任何标签,甚至是框架,
(一般的菜单会被select,object,flash等挡住)
所以如果你有这方面的需要,
那么这个菜单是个很好的选择。
总体而言,它有如下特性:
(1)菜单的样式和数据都是通过xml配置
(2)菜单的样式可以随心所欲修改,如:
<base
<background-color#DDDDDD</background-color
<background-imageurl(menu_bg.jpg)</background-image
<font-size10pt</font-size
<color#000099</color
<width100%</width
<height32</height
<text-aligncenter</text-align
<cursordefault</cursor
</base
只要节点名称符合各自标签(table,tr,td之一)的style attribute即可。
(3)主菜单项之间可以设置分割图片,
子菜单项可以设置分割线的样式。
(4)所有图片都由css控制,避免路径问题。
(5)可以设置虚拟目录的别名,为菜单链接使用绝对路径带来方便,如:
<context
<pathhdsa</path
</context
设置该值后,用户只需根据文件的目录结构写好菜单,而不必担心虚拟目录的问题。
由于菜单使用了(),
所以它被限制在IE5.5以上,
而且子菜单如果是新开窗口,会被拦截。
注:用()制作菜单受到过前人的启发
设置该值后,用户只需根据文件的目录结构写好菜单,而不必担心虚拟目录的问题。
由于菜单使用了(),
所以它被限制在IE5.5以上,
而且子菜单如果是新开窗口,会被拦截。
注:用()制作菜单受到过前人的启发
=====================================================================
二、实现的两个脚本可以写在一个文件中:
(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] = (); //创建最顶层Popup窗口
else{
if (pops[degree - 1] == null)
pops[degree - 1] = CreatePopup(degree - 1) //递归回溯从第一层开始创建
pops[degree] = pops[degree - 1].(); //从父Popup窗口创建子Popup窗口
}
pops[degree].("degree", degree);
return pops[degree];
}
CreatePopup(1); //创建一个2层的Popup家族
var oPopup = pops[0];
var timer = null;
/**
*显示一级子菜单
[email protected]objShow - 显示子菜单的对象
[email protected]strGetID - 存储显示内容的标签id
*/
function showSubMenu1(objShow,strGetID) {
clearTimer();
endHideSubMenu();
var objGet = eval(());
pops[1].hide();
pops[0]. = ;
pops[0].show(0,0,1,1,objShow);
var intWidth = pops[0].;
var intHeight = pops[0].;
pops[0].hide();
pops[0].show(10,,,,);
}
/**
*显示二级菜单
[email protected]strGetID - 存储显示内容的标签id
[email protected]objTr - 显示子菜单的tr对
如果觉得《javascript+xml实现二级下拉菜单 不会被任何标签或元素遮住》对你有帮助,请点赞、收藏,并留下你的观点哦!