基于jquery的改进型(右键)列表菜单

时间:2014-01-24 03:55:49
【文件属性】:
文件名称:基于jquery的改进型(右键)列表菜单
文件大小:75KB
文件格式:RAR
更新时间:2014-01-24 03:55:49
列表菜单 jquery contextMenu 插件 右键 花生米AJAX-UI系列之:基于JQUERY的浮动层(右键)列表菜单0.2改进版 改版本是“使用JQUERY 自创的自定义右键菜单插件 ”的重大改进,原始版本不再使用! 可以对表格,列表,或者单个DOM容器进行右键绑定 菜单项的文字、图标样式,调用方法均可自定义,图标样式定义更为灵活 菜单中分隔符的多少和位置也可自定义 提供了菜单项中那一项被作废(即点击了也不能调用其方法的状态),哪一项被重新启用的方法 正式支持级联式多层子菜单显示,子菜单与其父结点所在父级菜单呈树形数据结构关系。 且子菜单可以删除,也可以把一个叶子结点扩展成为子菜单列表的父结点。 子菜单也是一个GooContextMenu类对象,保存在父结点所在菜单GooContextMenu类对象的$childMenu数组中, 一些方法调用实际上为递归式调用。 菜单显示不再以鼠标事件发生点e为坐标,会根据浏览器视窗的大小以及菜单的宽高、事件发生的坐标为判断条件, 以确保菜单显示时不会让浏览器的滚动条出现或长度改改,同时又能在现有视窗中完整显示菜单所有内容。 在绑定能触发菜单显示的事件时,可用两种方法: //绑定一个父框架以操作里面的多项子元素(只需绑定一次),用来代替对每个子元素都绑定 //单单只绑定一个DOM元素(参数jq为一个JQUERY对象) 两种方法都要传一个必要的事件名称参数,如contextmenu右击,mousedown鼠标按下,比原来只能右键弹出更灵活。 改变了点击菜单项目时,触发方法的传参定义,现在只传两个参数:(点击菜单项目单元的ID,触发浮动菜单显示的DOM容器的ID)
【文件预览】:
GooContextMenu
----API.txt(6KB)
----Demo.html(4KB)
----left_icon.png(56KB)
----codebase()
--------img()
--------GooFunc.js(2KB)
--------GooContextMenu.js(13KB)
--------jquery-1.3.2.min.js(56KB)
--------GooContextMenu.css(2KB)

网友评论

  • 本身在用jquery,需要这个功能,就来下载了
  • 思路不错,修改之后可以用
  • 还不错了,思路可以,就是存在bug
  • 本身在用jquery,需要这个功能,就来下载了
  • 很好的构思 BUG不少,但是修改之后很好用