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

所属分类:其他,导航-独立的部件,其他导航

 7768  149  查看评论 (3)
分享到微信朋友圈
X
jQuery右键菜单插件NZMenu(原创) ie兼容10

更新时间: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字体。

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

相关插件-独立的部件,其他导航

jQueryShare分享插件支持微信分享

jQueryShare实现弹出层分享插件修改版,支持微信分享
  独立的部件
 49682  398

jquer网页打印插件PrintArea.js

jquery实现页面打印可局部打印
  独立的部件
 50918  340

操作浏览器标题栏插件Title.js

Title.js是一个javascript库用来操作浏览器标题栏,没有依赖性。 这里有用法示例:添加前缀,加后缀,改变预定义的标题,招牌效果、打字机效果。
  独立的部件
 36705  293

jQuery前端excel导入插件xlsx.core.js

此插件作用可以把excel表,导入到网页中用table显示出来
  独立的部件
 40000  327

讨论这个项目(3)回答他人问题或分享插件使用方法奖励jQ币 评论用户自律公约

    净土 0
    2020/4/23 15:05:37
    //先hide一次在执行就可以解决右键的右键了
    $(function () {
    $(".shortcut").mousedown(function(){
           $('.NZ-Menu').hide();
       });
       $(".shortcut").NZ_Menu({
           items: [
           	{name: "应用信息", event: function () {
                   alert("应用信息");
               }}, 
               {name: "删除快捷图标"
               , event: function () { alert("删除快捷图标"); 
               }}, 
               {name: "重命名", event: function () {
                   alert("重命名重命名");
               }}, 
           ]
       });
    });
    回复
    净土 0
    2020/4/23 14:46:27
    有个bug,怎么禁止右键的右键,会同时出现两个右键窗口 回复
    我是一朵小白云 0
    2020/2/7 0:42:55

    不错  不错  这个好

    回复
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复