gizmoMenu

gizmoMenu可以控制您的网站右键菜单。　　许您扩展gizmoMenu但是你喜欢。

Example 1. 整个页面

右键单击任何这个页面上的地方会看到一个简单的下拉菜单。所有的HTML的上下文菜单　　直接在页面上,所以你可以定制它,只要你喜欢。

Example 2. 汉堡风格菜单

gizmoMenu还包括一个汉堡包风格上下文菜单。这个上下文菜单称为特定容器——右击图像　　打开gizmoMenu。

Example 3. 水平菜单

gizmoMenu带有水平菜单,可以很容易地扩展成一个完整的　　下拉或大型上下文菜单。就是右键单击图片看到的例子。

安装

只需要引用这些文件:

<link rel="stylesheet" href="css/gizmoMenu.css" type="text/css" /><script src="js/jquery-2.1.3.min.js"><script src="js/gizmoMenu.js">

使用

当页面加载时调用gizmoMenu元素,给您希望使用的名称提供菜单样式:

$(document).ready(function(){	$('body').gizmoMenu({		'menu':'gizmoDropDown'		});});            

设置

使用gizmoMenu设置进一步定制.

menu菜单中使用的类名(gizmoDropDown、gizmoBurger gizmoHorizontal)。
stay_open当分离其他gizmoMenus保持菜单开放
click_to_close如果点击文档会关闭菜单

使用自己的菜单里面的“menu”设置!

还包括6预设颜色可供选择!只使用颜色类:gizmoMenu_green、gizmoMenu_red gizmoMenu_purple,　　gizmoMenu_blue、gizmoMenu_pink gizmoMenu_gray