zoukankan      html  css  js  c++  java
  • LigerUi之ligerMenu 右键菜单

    <!DOCTYPE html>

    <html>

     

        <head>

           <meta charset="UTF-8">

           <title></title>

           <link href="../skins/Aqua/css/ligerui-all.css" rel="stylesheet" type="text/css" />

           <script type="text/javascript" src="../../js/jquery.js"></script>

           <script type="text/javascript" src="../js/ligerui.min.js"></script>

           <script type="text/javascript" src="../js/plugins/ligerMenu.js.js"></script>

           <script>

               var menu;

     

               function onclick11(item, i) {

                  alert(item.text);

               }

     

               function onclick112() {

                  menu.hide();

               }

               $(function() {

                  menu = $.ligerMenu({

                      top: 100,

                      left: 100,

                      120,

                      items: [{

                         text: '增加',

                         click: onclick11,

                         icon: 'add'

                      }, {

                         text: '修改',

                         click: onclick11

                      }, {

                         line: true

                      }, {

                         text: '查看',

                         click: onclick11,

                         children: [{

                             text: '报表',

                             click: onclick11

                         }, {

                             text: '导出',

                             children: [{

                                text: 'Excel',

                                click: onclick11

                             }, {

                                text: 'Word'

                             }]

                         }]

                      }, {

                         text: '关闭',

                         click: onclick112

                      }]

                  });

     

                  menu.show();

                  $(document).bind("contextmenu", function(e) {

                                menu.show({

                                    top: e.pageY,

                                    left: e.pageX

                                });

                                return false;

                             });

               });

           </script>

     

           <style type="text/css">

               #menu1,

               .l-menu-shadow {

                  top: 30px;

                  left: 50px;

               }

              

               #menu1 {

                  200px;

               }

           </style>

        </head>

     

        <body>

           <div id="div1" style="400px; height:400px;"></div>

        </body>

     

    </html>

  • 相关阅读:
    关于postgresql——常用操作指令
    linux 下查看机器是cpu是几核的
    ASP.NET跨平台实践:无需安装Mono的Jexus“独立版”
    .NET平台开源项目速览(4).NET文档生成工具ADB及使用
    Hadoop学习---安装部署
    c# 模拟表单提交,post form 上传文件、大数据内容
    半小时学会上传本地项目到github
    统计网卡TX(发送)RX(接受)流量脚本
    mysql mysqldump只导出表结构或只导出数据的实现方法
    psutil--跨平台的进程管理
  • 原文地址:https://www.cnblogs.com/rdchen/p/10784544.html
Copyright © 2011-2022 走看看