jQuery右键链接弹出下拉菜单
来源:互联网 发布:淘宝内部券怎么弄 编辑:程序博客网 时间:2024/05/17 05:08
jQuery右键菜单插件contextmenu.js
HTML:
<
div
id
=
"demo2"
> 右键点此</
div
>
<!--以下就是右键demo2后弹出的菜单项-->
<
div
class
=
"contextMenu"
id
=
"myMenu2"
>
<
ul
>
<
li
id
=
"item_1"
>选项一</
li
>
<
li
id
=
"item_2"
>选项二</
li
>
<
li
id
=
"item_3"
>选项三</
li
>
<
li
id
=
"item_4"
>选项四</
li
>
</
ul
>
</
div
>
$(
'#demo2'
).contextMenu(
'myMenu2'
, {
//菜单样式
menuStyle: {
border:
'2px solid #000'
},
//菜单项样式
itemStyle: {
fontFamily:
'verdana'
,
backgroundColor:
'green'
,
color:
'white'
,
border:
'none'
,
padding:
'1px'
},
//菜单项鼠标放在上面样式
itemHoverStyle: {
color:
'blue'
,
backgroundColor:
'red'
,
border:
'none'
},
//事件
bindings: {
'item_1'
:
function
(t) {
alert(
'Trigger was '
+ t.id +
'\nAction was item_1'
);
},
'item_2'
:
function
(t) {
alert(
'Trigger was '
+ t.id +
'\nAction was item_2'
);
},
'item_3'
:
function
(t) {
alert(
'Trigger was '
+ t.id +
'\nAction was item_3'
);
},
'item_4'
:
function
(t) {
alert(
'Trigger was '
+ t.id +
'\nAction was item_4'
);
}
}
})
阅读全文
0 0
- jQuery右键链接弹出下拉菜单
- jquery 右键弹出菜单
- jquery弹出下拉菜单
- jquery 下拉弹出菜单
- jQuery点击弹出下拉菜单
- jQuery点击弹出下拉菜单
- Jquery鼠标右键点击弹出菜单
- QT主窗体右键弹出下拉菜单方法
- QT主窗体右键弹出下拉菜单方法
- jquery导航下拉弹出菜单 无下拉标题
- java右键弹出菜单
- 动态弹出右键菜单
- 对话框弹出右键菜单
- 右键弹出菜单
- 控件右键弹出菜单
- 右键弹出菜单
- 右键弹出菜单
- 右键弹出菜单
- SpringMVC学习之验证——validator
- [HNOI2008]越狱
- Mysql知识点
- HDU 3613 Best Reward(KMP+思维||manacher算法)
- Kinect V2开发(1)入门
- jQuery右键链接弹出下拉菜单
- 打造属于自己的智能家居(一)
- Lintcode-动态规划-最小路径和
- 一条进程的栈区、堆区、数据区和代码区在内存中的映射
- ubuntu14.04安装完ros后常用的其他安装
- 2017
- 20款开发运维必备的顶级工具
- gcc: __attribute__ ((weak))
- javacv-ffmpeg播放视频里的音频