jQuery网页右键菜单

所属分类:其他-独立的部件,杂项

 2513  41  查看评论 (1)
jQuery网页右键菜单 ie兼容11

使用方法

引用jQuery库和插件以及样式文件

<link rel="stylesheet" href="assets/style.css">
<script src="http://www.jq22.com/jquery/jquery-1.10.2.js"></script>
<script src="assets/script.js"></script>

调用插件

$(document).ready(function() {
    var rcm = window.RMenu;
    rcm.init({
        area: 'body',
        items: {
            "edit": {
                name: "编辑",
                icon: 'edit'
            },
            "del": {
                name: "删除",
                icon: 'trash-o'
            },
            "add": {
                name: "添加",
                icon: 'plus',
                items: {
                    "new-text": {
                        name: "添加文件",
                        icon: 'file-text'
                    },
                    "new-zip": {
                        name: "添加ZIP",
                        icon: 'file-zip-o'
                    }
                }
            },
            "refresh": {
                name: "刷新",
                icon: 'refresh'
            },
            "down": {
                name: "下载按钮",
                icon: 'cloud-download'
            },
            "new": {
                name: "新建",
                icon: 'file',
                items: {
                    "new-text": {
                        name: "新建文件",
                        icon: 'file-text'
                    },
                    "new-zip": {
                        name: "新建ZIP",
                        icon: 'file-zip-o'
                    }
                }
            }
        },
        callback: function(res) {
            if (res.data == 'edit') {
                console.log('点击了edit');
            } else if (res.data == 'del') {
                console.log('点击了del');
            } else if (res.data == 'add') {
                console.log('点击了add');
            } else if (res.data == 'refresh') {
                window.location.reload();
            } else if (res.data == 'down') {
                console.log('点击了download');
            }
        }
    })
});
相关插件-独立的部件,杂项

CSS3开关切换按钮

多组超具创意的CSS3开关切换按钮
  独立的部件
 5209  83

复制剪切粘贴插件clipboard.js

clipboard.js能够实现复制剪切粘贴的功能,实例方法全。
  独立的部件
 15558  94

html5读取二维码

手机端web调用摄像头读取解析二维码
  独立的部件
 20747  123

canvas实现的步骤流程插件

项目需要,找不到合适的,个人编写实现,可根据数据动态生成节点
  独立的部件
 1305  13

讨论这个项目(1)回答他人问题或分享插件使用方法奖励jQ币

    Monkeyhehang 0
    2018/7/25 15:09:30
    只能window调用吗 回复
取消回复
  短信接口