JQuery下拉菜单插件Superfish制作详解(带演示)
Superfish是一款Jquery插件,它能非常容易的建立复杂的多级下拉菜单,Superfish使用也非常普遍。你可能用Superfish实现多种菜单效果,鹭鹭设计室强烈推荐,本设计室博客导航菜单就是用Superfish实现。
下载地址:http://plugins.jquery.com/project/Superfish
文档说明:http://users.tpg.com.au/j_birch/plugins/superfish/#getting-started
演示地址:http://www.chhua.com/yanshi/superfish.htm
Superfish的一些特点及效果:
- 使用纯Css实现动态效果,跨浏览器,支持最烂浏览器IE6
- 可设置下拉菜单在鼠标离开时自动隐藏时间。默认是800毫秒
- 支持淡入淡出动画
- 支持键盘响应
- 对含有子菜单的母菜单自动加入提示箭头
- 支持阴影效果,但需要有好的浏览器支持,如Firefox,chrome…最烂浏览器IE6就免了
- 可选回调js函数
使用说明
Superfish是一款Jquery插件,它能非常容易的建立复杂的多级下拉菜单,Superfish使用也非常普遍。你可能用Superfish实现多种菜单效果,鹭鹭设计室强烈推荐,本设计室博客导航菜单就是用Superfish实现。
下载地址:http://plugins.jquery.com/project/Superfish
文档说明:http://users.tpg.com.au/j_birch/plugins/superfish/#getting-started
Superfish的一些特点及效果:
- 使用纯Css实现动态效果,跨浏览器,支持最烂浏览器IE6
- 可设置下拉菜单在鼠标离开时自动隐藏时间。默认是800毫秒
- 支持淡入淡出动画
- 支持键盘响应
- 对含有子菜单的母菜单自动加入提示箭头
- 支持阴影效果,但需要有好的浏览器支持,如Firefox,chrome…最烂浏览器IE6就免了
- 可选回调js函数
使用说明
1、1.首先,在页面中引入Jquery和Superfish文件
1 2 | |
2、2.其次,用ul li做菜单内容
1 2 3 4 5 6 7 8 9 10 11 | |
3、最后,创建初始化菜单并设置效果
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 | |
自由转载,转载请注明: 转载自WEB开发笔记 www.chhua.com