jQuery右键菜单插件NZMenu(原创)

插件特效

2026-07-21 13:11 2 次浏览 • 0 次下载 149.5KB

插件描述：jQuery自定义网页右键菜单插件NZMenu

更新时间：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

NZMenu

与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字体。

后面会更新菜单分组、二级菜单等。