jQuery菜单插件superfish使用指南

前端之家收集整理的这篇文章主要介绍了jQuery菜单插件superfish使用指南前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

下载地址:

文档说明:

Superfish的一些特点及效果

使用纯Css实现动态效果,跨浏览器,支持最烂浏览器IE6 可设置下拉菜单在鼠标离开时自动隐藏时间。默认是800毫秒 支持淡入淡出动画 支持键盘响应 对含有子菜单的母菜单自动加入提示箭头 支持阴影效果,但需要有好的浏览器支持,如Firefox,chrome…最烂浏览器IE6就免了 可选回调js函数

使用说明

1、1.首先,在页面中引入Jquery和Superfish文件

2、2.其次,用ul li做菜单内容

3、最后,创建初始化菜单并设置效果

菜单项的class pathLevels: 1,// 菜单级数 delay: 800,// 下拉菜单在鼠标离开时自动隐藏时间。默认是800毫秒 animation: {opacity:'show'},// 动画效果,参考Jquery的动画jQuery's .animate() speed: 'normal',// 动画速度, 参考Jquery的动画jQuery's .animate() dropShadows: true,// 阴影效果关闭用‘false' onInit: function(){},// 初始化的回调函数 onBeforeShow: function(){},// 子菜单显示前回调函数 onShow: function(){},// 子菜单显示时回调函数 onHide: function(){} // 子菜单隐藏时回调函数 }); });

以上所述就是本文的全部内容了,希望大家能够喜欢。

猜你在找的jQuery相关文章