jQuery无级右键菜单

 是优化和修改以前的一个contextMenu插件，源码如下，估计都没有多少人喜欢看代码，贴出来先看，效果页面随后做出来。
截图:

(function($) {
    var menu, shadow, trigger, content, hash, currentTarget;
    var defaults = {
        menuStyle : {
            listStyle : 'none',
            padding : '1px',
            margin : '0px',
            backgroundColor : '#fff',
            border : '1px solid #999',
            width : '100px',
            float:'left'
        },
        itemStyle : {
            margin : '0px',
            color : '#000',
            display : 'block',
            cursor : 'default',
            padding : '3px',
            border : '1px solid #fff',
            backgroundColor : 'transparent'
        },
        itemHoverStyle : {
            border : '1px solid #0a246a',
            backgroundColor : '#b6bdd2'
        },
        itemFalseStyle :{
            color : '#ccc'
        },
        eventPosX : 'pageX',
        eventPosY : 'pageY',
        shadow : true,
        onContextMenu : null,
        onShowMenu : null
    };
    $.fn.contextMenu = function(o,id, options,noevent) {
        if (!menu) {
            menu = $('').hide().css({
                position : 'absolute',
                zIndex : '500'
            }).appendTo('body').bind('click', function(e) {
                e.stopPropagation();
            });
        }
        if (!shadow) {
            shadow = $('').css({
                backgroundColor : '#000',
                position : 'absolute',
                opacity : 0.2,
                zIndex : 499
            }).appendTo('body').hide()
        }
        hash = hash || [];
        hash.push({
            id : id,
            menuStyle : $.extend({}, defaults.menuStyle, options.menuStyle
            || {}),
            itemStyle : $.extend({}, defaults.itemStyle, options.itemStyle
            || {}),
            itemHoverStyle : $.extend({}, defaults.itemHoverStyle,
            options.itemHoverStyle || {}),
            itemFalseStyle : $.extend({}, defaults.itemFalseStyle,
            options.itemFalseStyle || {}),
            bindings : options.bindings || {},
            shadow : options.shadow || options.shadow === false
            ? options.shadow
            : defaults.shadow,
            onContextMenu : options.onContextMenu || defaults.onContextMenu,
            onShowMenu : options.onShowMenu || defaults.onShowMenu,
            eventPosX : options.eventPosX || defaults.eventPosX,
            eventPosY : options.eventPosY || defaults.eventPosY
        });

        var index = hash.length - 1;
        $(this).bind('contextmenu', function(e) {
            $(o).click();
            var bShowContext = (!!hash[index].onContextMenu) ? hash[index]
            .onContextMenu(e) : true;
            if (bShowContext)
            display($(o),index, this, e, options);
            return false
        });
        return this
    };
    function display(o,index, trigger, e, options) {
        menu.html('');
        var cur = hash[index];
        if (!!cur.onShowMenu)
        menu = cur.onShowMenu(e, menu);
        menus(o,cur,cur.bindings,trigger);
        menu.css({
        'left' : e[cur.eventPosX],
        'top' : e[cur.eventPosY]
        }).show();
        if (cur.shadow)
        shadow.css({
            width : menu.width(),
            height : menu.height(),
            left : e.pageX + 2,
            top : e.pageY + 2
        }).show();
        $(document).one('click', hide)
    }
    function menus(o,cur,bindings,trigger,po){
        content = $('

• ').css(cur.menuStyle);
          if(po){
              content.css({'margin-top':$(po).offset().top-$('#jqContextMenu').offset().top});
          }
          $.each(bindings, function(id, v) {
              var is_my=($(o).attr('ismy')=='1'||v.ismy)?1:0;
              $('
• ').html(v.val).css(cur.itemStyle).css(!is_my&&cur.itemFalseStyle).hover(
              function(){
                  is_my&&$(this).css(cur.itemHoverStyle);
                  $(this).parent().nextAll().remove();
                  (is_my&&v.nt)&&menus(o,cur,v.nt,trigger,this);
              },function(){
                  is_my&&$(this).css(cur.itemStyle);
              }).click(function(){
                  hide();
                  (!v.nt&&is_my)&&v.cb(trigger, currentTarget);
              }).appendTo(content).find('img').css({
                  verticalAlign : 'middle',
                  paddingRight : '2px'
              });
          });
          menu.append(content);
      }
      function hide() {
          menu.hide();
          shadow.hide()
      }
      $.contextMenu = {
          defaults : function(userDefaults) {
              $.each(userDefaults, function(i, val) {
                  if (typeof val == 'object' && defaults[i]) {
                      $.extend(defaults[i], val)
                  } else
                  defaults[i] = val
              })
          }
      }
  })(jQuery);

使用样例:
<div id="contextTest" style="margin:10px;padding:1px;width:200px;border:1px #ccc solid">contextMenu</div>
jQuery代码:
<script>
    $('#contextTest').contextMenu(this,'contextMenuTest',{
        bindings:{
            'test1':{
                        val:'test1',
                        ismy:1,
                        cb:function(t){
                            alert('test1');
                        }
            },
            'test2':{
                        val:'test2',
                        ismy:1,
                        nt:{
                            'test3':{
                          val:'test3',
                                ismy:1,
                                cb:function(t){
                                    alert('test3');
                                }
                          },
                            'test4':{
                          val:'test4',
                                ismy:1,
                                cb:function(t){
                                    alert('test4');
                                }
                          }
                        }
                   
            },
        }
  });
</script>