jquery右键菜单插件鼠标右键列表菜单代码



149 594 199



特效描述:右键菜单插件 右键列表菜单,jquery右键菜单插件

代码结构

1. 引入CSS

<link rel="stylesheet" type="text/css" href="bootstrap-3.3.6/css/bootstrap.min.css" />
<link rel="stylesheet" type="text/css" href="css/style.css">

2. 引入JS

<script src="js/jquery-2.1.1.min.js" type="text/javascript"></script>
<script src="src/jquery.contextify.js"></script>

3. HTML代码

<div class="container" style="margin-top:150px;">
	<div class="panel panel-primary">
	  <div class="panel-heading">jQuery Contextify Demo</div>
	  <div class="panel-body">
		使用右键点击这里
	  </div>
	</div>
</div>
<script>
var options = {items:[
  {header: '右键功能菜单'},
   {divider: true},
  {text: '第一个链接', href: '#'},
  {text: '第二个链接', onclick: function() {alert("你点击了第二个链接")}},
  {text: '第三个链接', onclick: function() {alert("你点击了第3个链接")}},
  {text: '第四个链接', onclick: function() {alert("你点击了第4个链接")}},
  {divider: true},
  {text: '更多...', href: '#'}
]}
$('.panel-body').contextify(options);
</script>



用户评论
大牛,别默默的看了,快登录帮我点评一下吧!:)      登录 | 注册


热门标签: 右键菜单 文字提示框 提示框/弹出层 layer lightbox Tooltip工具提示框 浮动提示框 html5弹窗动画 弹出层拖动 窗口提示框

×
×

注册

官方QQ群

扫描上面二维码加微信群

官方QQ群

jQuery/js讨论群
群号:642649996
Css3+Html5讨论群
群号:322131262

加群请备注:从官网了解到