jquery-插件之右键菜单的使用

最新推荐文章于 2024-03-23 09:51:54 发布

bestdowt1314

最新推荐文章于 2024-03-23 09:51:54 发布

阅读量865

点赞数

分类专栏： JS+jQuery学习笔记文章标签： menu function delete class xhtml div

本文链接：https://blog.csdn.net/bestdowt1314/article/details/5187119

版权

JS+jQuery学习笔记专栏收录该内容

16 篇文章 0 订阅

订阅专栏

下载其js,css,img资源

http://www.javascripttoolbox.com/lib/contextmenu/source.php

使用案例

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="ContextMenu.aspx.cs" Inherits="UI_ContextMenu" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<title>Jquery 插件之右键菜单的使用 -by wangtao </title>

</head>

<body>

var menu1 = [ {'Option 1':function(menuItem,menu) { alert("You clicked Option 1!"); } }, $.contextMenu.separator, {'Option 2':function(menuItem,menu) { alert("You clicked Option 2!"); } } ];

$(function(){

$('.cmenu1').contextMenu(menu1,{theme:'vista'});

$('.cmenu2').contextMenu('#menu2');

$('.cmenu3').contextMenu(menu3,{theme:'vista'});

})

</script>

<div id="menu2" style="display:none;width:200px;background-color:white;border:1px solid black;padding:5px;"> This is my custom context menu </div>

<span class="cmenu1 example-target">Right-click here to trigger the context menu</span>

<p></p>

<span class="cmenu2 example-target">Right-click here to trigger the context menu</span>

<p></p>

<span class="cmenu3 example-target">Right-click here to trigger the context menu</span>

</body>

</html>

bestdowt1314

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
jquery-插件之右键菜单的使用

下载其js,css,img资源http://www.javascripttoolbox.com/lib/contextmenu/source.php 使用案例 Jquery 插件之右键菜单的使用 -by wangtao var menu1 = [ {Option 1:funct
复制链接

扫一扫

专栏目录