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中使用。
一段代码示例:
代码下载地址: http://pickup.mofile.com/1779422407813382
菜单效果图:
菜单实现的主要技术为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
菜单效果图:
相关文章推荐
- javascript+xml实现二级下拉菜单,不会被任何标签或元素遮住
- 动态创建表格js文件,javascript,Ajax,DHTML动态实现表格的创建,动态读取XML中的文件,读取dom节点的例子。
- Javascript操作DOM元素实现多段图决策问题
- javascript dom 学习笔记 第九章:实现给某个元素添加加新的class的值的函数!
- JS加jquery简单实现标签元素的显示或隐藏
- 使用javascript+dom+xml实现分页
- Javascript处理DOM元素事件实现代码
- js获取元素的标签名实现方法
- JS加jquery简单实现标签元素的显示或隐藏
- Asp.net+Xml+js实现无线级下拉菜单
- 简易 Javascript DOM 包 | 元素水平垂直居中 | 动态执行 JS 代码 | 获取指定元素
- JS原生属性选择器querySelector----通过href属性获取对应a标签的Dom元素
- 多叉树结合JavaScript树形控件实现无限级树形菜单(一种构建多级有序树形结构JSON(或XML)数据源的方法)
- Asp.net+Xml+js实现无线级下拉菜单
- JavaScript DOM 利用样式实现元素移动位置
- JavaScript DOM 利用样式实现元素移动位置
- 多叉树结合JavaScript树形控件实现无限级树形菜单(一种构建多级有序树形结构JSON(或XML)数据源的方法)
- JQuery 绑定select标签的onchange事件,弹出选择的值,并实现跳转、传参(selected的值和页面其它元素的值)以及js的select
- JavaScript之AJAX实现二级联动菜单(jsp+js+servlet+xml)
- JS+DOM+XML实现分页功能