class2context.js一款右键弹出菜单插件-BFW插件库

class2context.js一款右键弹出菜单插件

class2context是一款非常实用的纯JavaScript右键上下文菜单插件。

该右键菜单插件使用简单，性能高，通过简单的js语句即可完成右键菜单的配置。

使用方式：

第一步引入bfwone

第二步use插件及css和主题css

第三步配置参数

class2context('对象classname', "菜单标题", 菜单项数组);

完整代码如下：

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>BFW NEW PAGE</title>
    <script id="bfwone" type="text/javascript" src="//repo.bfw.wiki/bfwrepo/js/bfwone.js"></script>
    <script type="text/javascript">
        bready(function() {
            use(["class2context", "class2context"], function() {
                class2context('class1', "titleC", [[" C1", "function1()"], [" C3", "function3()"]]);

            });
        });
        function function3() {
            alert("function 3 clicked");
        }
      function function1() {
            alert("function 1 clicked");
        }
    </script>
    <style>
        .box1 {
            width: 200px;
            height: 300px;
            margin: 15px;
            display: inline-block;
            border-radius: 5px;
            text-align: left;
            vertical-align: middle;
            padding: 20px;
            color: #fff;
        }
    </style>
</head>
<body>

    <div class="zzsc-container">
        <div class="container">
            <div class='centralBox'>
                <div class='class1 box1' style='background: #0FA3B1;'>
                    <h4>A</h4>
                    This is a demo
                    <br>
                    Just need to include the files:
                    <ul>
                        <li>class2context.js</li>
                        <li>class2context.css</li>
                    </ul>
                </div>

            </div>
        </div>
    </div>
</body>
</html>