- 13
- 0
- 约1.17万字
- 约 15页
- 2017-09-17 发布于湖北
- 举报
JAVASCRIPT 多级联动浮动(下拉)菜单
JavaScript 多级联动浮动(下拉)菜单
(第二版)
上一个版本 (第一版请看这里)基本实现了多级联动和浮动菜单的功能,但效果
不是太好,使用麻烦还有些bug,实用性不高。
这次除了修改已发现的问题外,还对程序做了大幅调整和改进,使程序实用性更
高,功能更强大。
效果预览
菜单使用演示:
自定义样式
下拉菜单
任意定位
位置:
仿京东商城商品分类菜单:
图片动画
图片效果
动画效果
系统其他
系统效果
其他效果
仿window xp右键菜单:
仿淘宝拼音索引菜单:
Tag索引
Table
Fixed
Color
Date
Select
程序原理
程序最关键的地方是多级联动,先大概说明一下:
首先第一级的菜单元素整理好后,从他们开始,当某个菜单元素触发显示下级菜
单时,
准备好下一级的容器元素,并把下一级的菜单元素放进去,再定位并显示容器元
素。
里面的菜单元素又可以触发显示下级菜单,然后按上面的步骤执行下去。
这样一级一级的递推下去,形成多级的联动菜单。
程序说明
【容器对象】
在多级联动中,每一级都需要一个容器元素来存放菜单元素。
程序中每个容器元素都对应一个容器对象,
原创力文档

文档评论(0)