您的位置:首页 > Web前端 > JavaScript

javascript(js),XML,DOM实现无限级下拉菜单,不会被任何标签或元素遮住

2005-08-04 20:42 483 查看
菜单的主要特性:

菜单实现的主要技术为Javascript, DOM, XML

不会被任何标签覆盖,一般的菜单会被SELECT,OBJECT等标签覆盖。

可以跨过框架,譬如一个frameset中有两个frame,上一个frame放菜单,下一个frame放具体内容,那么菜单可以悬浮于下一个frame之上。

在添加菜单数据时,通过指定父子菜单的ID来达到动态菜单的目的。

可使用XML存储菜单数据,一般用作静态菜单。

使用window.createPopup显示菜单,所以只能在IE中使用。

一段代码示例:

<script language="javascript" type="text/javascript">

//构造函数的两个参数意义资源文件(如图标等)所在目录、样式文件

var menu = new PopupMenu("","popupmenu-style.xml");

menu.add(100,-1,"论坛","#","_blank","");

menu.add(105,100,"论坛1","http://10.81.32.1/forums","_blank","txt.gif");

menu.add(10505,105,"论坛11","http://10.81.32.1/forums","_blank","");

menu.add(1050505,10505,"论坛111","http://10.81.32.1/forums","_blank","");

menu.add(105050505,1050505,"论坛111呵呵合伙呵呵呵呵和呵呵呵呵哈hehe","http://10.81.32.1/forums","_blank","");

menu.add(105050510,1050505,"啊啊阿","/test.jsp","_blank","");

menu.add(1050510,10505,"论坛112","/tiannet/test.jsp","_blank","");

menu.write();

</script>


代码下载地址: http://pickup.mofile.com/1779422407813382

菜单效果图:

内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: 
相关文章推荐