- 10
- 0
- 约1.17万字
- 约 15页
- 2017-09-17 发布于湖北
- 举报
JAVASCRIPT 多级联动浮动(下拉)菜单
JavaScript 多级联动浮动(下拉)菜单
(第二版)
上一个版本 (第一版请看这里)基本实现了多级联动和浮动菜单的功能,但效果
不是太好,使用麻烦还有些bug,实用性不高。
这次除了修改已发现的问题外,还对程序做了大幅调整和改进,使程序实用性更
高,功能更强大。
效果预览
菜单使用演示:
自定义样式
下拉菜单
任意定位
位置:
仿京东商城商品分类菜单:
图片动画
图片效果
动画效果
系统其他
系统效果
其他效果
仿window xp右键菜单:
仿淘宝拼音索引菜单:
Tag索引
Table
Fixed
Color
Date
Select
程序原理
程序最关键的地方是多级联动,先大概说明一下:
首先第一级的菜单元素整理好后,从他们开始,当某个菜单元素触发显示下级菜
单时,
准备好下一级的容器元素,并把下一级的菜单元素放进去,再定位并显示容器元
素。
里面的菜单元素又可以触发显示下级菜单,然后按上面的步骤执行下去。
这样一级一级的递推下去,形成多级的联动菜单。
程序说明
【容器对象】
在多级联动中,每一级都需要一个容器元素来存放菜单元素。
程序中每个容器元素都对应一个容器对象,
您可能关注的文档
- HXN5型双司机室电路图.pdf
- http协议学习系列-阿蜜果.pdf
- Hyper-V热迁移vs vMotion虚拟机迁移指南.pdf
- HyperMesh基础网格划分技巧_simwe公开课.pdf
- HyperMesh白车身结构强度分析报告.pdf
- HYZ4(C)呼吸器说明书(安标备案140509).pdf
- HYZ型油压装置组合阀说明书.pdf
- i.MX6(LA-F3155-V1.05)主板规格书.pdf
- IAEA-277号报告.pdf
- I-share互动式体验终端产品方案20130828.pdf
- 广西南宁市第二中学2025-2026学年八年级下学期开学收心自测英语试卷(含解析).docx
- 广西南宁市武鸣区武鸣高级中学等校2026年高考模拟信息卷数学试题(含解析).docx
- 广西壮族自治区崇左市江州区2025-2026学年八年级上学期期末语文试题(含解析).docx
- 广西壮族自治区防城港市防城区2025—2026学年八年级上学期期末地理试题(含解析).docx
- 部编版一年级下册语文第五单元培优卷A卷(含答案).docx
- 福建省厦门海沧实验中学2025-2026学年高二上学期期末地理试题(含解析).docx
- 甘肃省天水市甘谷县模范初级中学2025-2026学年九年级数学下学期第一次检测考试试题(含解析).docx
- 甘肃省武威市凉州区爱华育新学校2025-2026学年九年级上学期12月月考英语试题(解析版).docx
- 甘肃张掖市2025--2026学年下学期九年级数学阶段反馈试卷(含解析).docx
- 广东惠州博罗县2025-2026学年九年级上学期阶段诊断历史试卷(含解析).docx
原创力文档

文档评论(0)