更新时间:2022-01-13 11:20:20
更新说明:
1、修复右键展开菜单再次右键重新展开新菜单
2、细节修缮
更新时间:2020-02-07 00:40:04
更新说明:版本2.8.0
1、新增二级菜单支持
2、自定义图片图标支持
3、修复一些错误
4、优化样式、性能
更新时间:2019-11-13 00:36:32
与NZ-Window同出一脉,设计简洁、富有动感,每个设计都仔细斟酌过。
基本用法:
$("#demo").NZ_Menu({ items: [{ name: "复制", event: function() { alert("复制") } }, { name: "粘贴", event: function() { alert("粘贴"); } }] });
其他用法在示例中均有演示。
菜单项支持图标,但经过各种测试取消了自定义图标,采用FontAwesome字体图标,保证图标统一、一致。
所有参数:
{ items: [],//选项构成:{icon:"",name:"",classlist:[],event:function() {}} fatype: "fas",//fontawesome的图标类型fas/far bgcolor: "#fff", showbefore: null,//菜单创建前事件 showafter: null,//菜单创建后事件 closed:null//关闭事件 }
说明:
由于引用中文字体过于庞大,插件上传不了,对于网页加载体验也不是很好,固去掉了。需要的话可以下载Noto字体,采用Noto Sans CJK DemiLight风格,放入相应的字体文件夹即可,谷歌的字体,目前英文还是使用谷歌的Roboto字体。
后面会更新菜单分组、二级菜单等。
//先hide一次在执行就可以解决右键的右键了 $(function () { $(".shortcut").mousedown(function(){ $('.NZ-Menu').hide(); }); $(".shortcut").NZ_Menu({ items: [ {name: "应用信息", event: function () { alert("应用信息"); }}, {name: "删除快捷图标" , event: function () { alert("删除快捷图标"); }}, {name: "重命名", event: function () { alert("重命名重命名"); }}, ] }); });回复