2000字范文,分享全网优秀范文,学习好帮手!
2000字范文 > html下拉菜单插件 简单的jQuery大型下拉菜单插件

html下拉菜单插件 简单的jQuery大型下拉菜单插件

时间:2023-10-07 03:52:15

相关推荐

html下拉菜单插件 简单的jQuery大型下拉菜单插件

booNavigation是一款简单的jQuery大型下拉菜单插件。通过该插件可以制作3列大型下拉菜单,并带有平滑过渡效果,以及鼠标滑过菜单项时的动画效果。

使用方法

在页面中引入jquery和booNavigation.js文件,以及样式文件booNavigation.css。

HTML结构

使用元素作为菜单的包裹元素。里面使用无序列表作为菜单的列表项。每一个列表项中可以使用ul.navContent来作为大型菜单的列表。

First Item

Boo the cat

......

......

......

初始化插件

在页面DOM元素加载完毕之后,可以通过booNavigation()方法来初始化该大型菜单插件。

$('#booNavigation').booNavigation({

slideSpeed: 600,

fadeSpeed: 400,

delay: 500

});

配置参数

该大型菜单的可用配置参数有:

slideSpeed:可用值:200 / 400 / 600 / 'slow' / 'fast'。鼠标滑过菜单项时,菜单项滑动下拉的速度。默认值为600。

fadeSpeed:可用值:200 / 400 / 600 / 'slow' / 'fast'。显示下拉菜单内容fade效果的速度。默认为200。

delay:鼠标滑过菜单项后多长时间打开下拉菜单。

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。