NZ-Menu

• 基本应用

  • 使用方法

    右击点我

    演示代码：

                            $("#aaa").NZ_Menu({
                                    items: [{
                                        name: "复制", event: aas
                                    }, {
                                    name: "粘贴", event: function () {
                                        alert("粘贴");
                                    }
                                    }, {
                                        name: "粘贴", event: function () {
                                            alert("粘贴");
                                        }
                                    }, {
                                        name: "粘贴", event: function () {
                                            alert("粘贴");
                                    }, {
                                        name: "This item is Test", event: function () {
                                    }
                                    }
                                }]
                            });
                            function aas() {
                                alert("复制");
                            }
                        

  • 带图标

    右击点我

    演示代码：

                            $("#bbb").NZ_Menu({
                                items: [{
                                    name: "用户", event: aas, icon: "fa-user"
                                }, {
                                    name: "通讯录", event: function () {
                                    }, icon: "fa-address-book"
                                }, {
                                    name: "打车平台", event: function () {
                                    }, icon: "fa-bus"
                                }, {
                                    name: "文件系统", event: function () {
                                    }, icon: "fa-file"
                                }]
                            });
                        

  • 触发事件

    右击点我

    演示代码：

                            $("#ccc").NZ_Menu({
                                items: [{ name: "测试", icon: "fa-vial" }]
                                , showbefore: function () {
                                    alert("打开前！");
                                }, showafter: function () {
                                    alert("打开后！");
                                }, closed: function () {
                                    alert("关闭了！");
                                }
                            });
                        

  • 参数说明

    演示代码：

                            {
                                items: [],//选项构成：{icon:"",name:"",classlist:[],event:function() {}}
                                fatype: "fas",//fontawesome的图标类型fas/far
                                bgcolor: "#fff",
                                showbefore: null,//菜单创建前事件
                                showafter: null,//菜单创建后事件
                                closed:null//关闭事件
                            };