jQuery鼠标右键菜单特效【原创

来源:https://www.sucaihuo.com/js/3055.html 2017-09-21 23:01浏览(765) 收藏

一款jQuery鼠标右键菜单特效,在页面的任意位置点击鼠标右键,均可显示预设的右键菜单内容,菜单内容可以自由添加或删除,样式也可自由修改。
jQuery鼠标右键菜单特效
分类:导航菜单 难易:初级
查看演示 下载资源 下载积分: 20 积分

页面的head部分,需引入页面的样式文件,代码如下:

<link type="text/css" rel="stylesheet" href="css/style.css">

页面的body部分,用了一个ul无序列表来显示菜单内容,代码如下:

<h1>鼠标右键点击</h1>
<ul class="contextmenu">
  <li><a href="#">健康</a></li>
  <li><a href="#">快乐</a></li>
  <li><a href="#">财富</a></li>
  <li><a href="#">自由</a></li>
  <li><a href="#">幸福</a></li>
</ul>

页面的底部,需引入jQuery库和必要的JS文件,代码如下:

<script type="text/javascript" src='js/jquery.min.js'></script>
<script type="text/javascript" src="js/index.js"></script>
标签: 菜单右键菜单
声明:本文为原创文章,如需转载,请注明来源sucaihuo.com并保留原文链接:https://www.sucaihuo.com/js/3055.html
评论0
头像

系统已开启自动识别垃圾评论机制,识别到的自动封号,下载出错或者资源有问题请联系全栈客服QQ 1915635791

1 2