懒人之家--可能是JS网页特效代码收集最全的懒站!

强大的jQuery下拉菜单插件

作者/代码整理:  (转载请附加本文地址,带有“懒人原生”字样的谢绝转载) 发布日期:2017-11-13
这是一款功能相当强大的jQuery下拉菜单插件,搜索下拉框选择菜单代码,支持下拉,分页,键盘操作,鼠标右键查看等功能。


js代码

//菜单使用的数据格式
/**
* content  [string]   : 菜单项目显示文本,支持HTML格式(设置内容为“sm_divider”可生成分隔栏)
* header   [boolean]  : 是否为子标题栏
* url      [string]   : 需要跳转的链接
* callback [function] : 需要执行的回调函数
* disabled [boolean]  : 是否禁用菜单项目
*/
var menuData = [
{content:'News Site',header: true},//定义子标题栏
{content:'163 NetEase',url : 'http://www.163.com'},//链接跳转型菜单项目
{content:'sm_divider'},//分隔栏
//使用HTML的方式设置菜单显示的内容,并定义菜单项目为禁用
{content:'<i class="fa fa-fw fa-facebook"></i> Facebook',url : 'https://www.facebook.com',disabled : true},
//点击后执行回调的菜单项目
{content:'Click this menu item to trigger your callback',callback : function(){
    bDialog.alert('you can do anything in callback!');
}}
];