jQuery多级子菜单

1. [代码][JavaScript]代码     

?

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36

<script type= "text/javascript" > $( function (){      $( '#menuDemo' ).mac( 'menu' , {          children: [{              title : 'Auto width, support EN/CN' ,              action : 'itemA' ,              icon: 'icon-newwin'          },{              title : 'This item has submenu' ,              icon: 'icon-newwin' ,              children: [{                  title : 'No icon' ,                  action : 'itemB1'              },{                  title : '<b>Can change CSS</b>' ,                  action : 'itemB2' ,                  icon: 'icon-newwin'              }]          }]      });      $( '#menuBtn' ).contextMenu({          menu : 'menuDemo' ,          button: 1, //3: right click, 1: left click          onPopup : function (el) {              //onPopup event          },          anchor: 'el' , //Notice here!          offset: { x: 1, y: 20 }      }, function (action, el, pos) {          alert(action);          return false ;      }); }); </script> <button id= "menuBtn" >Click Me</button> <ul id= "menuDemo" class = "contextMenu" ></ul>

2. [图片] demo1.PNG