jQuery实现自定义右键菜单的树状菜单效果

本文实例讲述了jQuery实现自定义右键菜单的树状菜单效果。分享给大家供大家参考。具体如下：

这是一款基于jQuery的自定义右键菜单，在树状结构的子节点（下级没有节点）上单击右键才会弹出自定义菜单，而且菜单是自动根据鼠标位置来定位的。当鼠标在菜单以外的任意空白处单击一下后会自动消失。这里想特别说明一点所谓的“菜单以外”，可以有两种解剖方式――1、除了鼠标在菜单区域内的所有位置；2、如下图所示的A、B、C、D四个区域。显然用第一种方法来剖析会更简单直接一点。源码中的!IsInArea就表示此方法。

运行效果截图如下：

在线演示地址如下：

http://demo.jb51.net/js/2015/jquery-zdy-right-button-menu-style-codes/

具体代码如下：

 

  
酷站欣赏
 
 

  

  
欧美酷站
  
  

  
日韩酷站
  
  

  
国内酷站
  
  

  
婚庆摄影
  
  

  
餐饮食品
  
 


 
权限设置
 

  
查看
  
添加
  
修改
  
删除
 

希望本文所述对大家的jquery程序设计有所帮助。