关于JavaScript右键弹出式菜单
来源:互联网 发布:网上代购彩票源码 编辑:程序博客网 时间:2024/05/16 14:51
这里有个例子,有兴趣的马龙请自行阅读
CSS+Javascript弹出式导航菜单
http://blog.csdn.net/wubo9935/article/details/2568939
本人的例子:
html:
<div id="menu"> <ul> <li><a href="#" onClick="OnSaveSolution()">保存Solution</a></li> <li><a href="#">contextmenuitem 2</a></li> <li><a href="#">contextmenuitem 3</a></li> <li><a href="#">contextmenuitem 4</a></li> <li><a href="#">contextmenuitem 5</a></li> <li><a href="#">contextmenuitem 6</a></li> </ul></div>
<style type="text/css">*{margin:0;padding:0;}#menu{position:absolute;width:150px;visibility:hidden;border:1px solid #666;border-bottom-width:0;}#menu li{list-style:none;text-indent:1em;}#menu li a{display:block;height:30px;line-height:30px;border-bottom:1px solid #666;text-decoration:none;color:#666;font:12px/30px tahoma;}#menu li a:hover{background:#eee;color:black;}</style>
Script
<script type="text/javascript"> //右键菜单设置document.oncontextmenu = function(e){ if(window.event) e = window.event; var mymenu = document.getElementById("menu"); mymenu.style.visibility = "visible"; mymenu.style.backgroundColor="#99DDFF"; mymenu.style.left = e.clientX + 5 +"px"; mymenu.style.top = e.clientY + 5 + "px"; return false;} //添加响应函数document.onclick = function(){ var mymenu = document.getElementById("menu"); mymenu.style.visibility = "hidden"; }</script>
注释:
这里需要改变菜单背景颜色,请添加下面的代码
mymenu.style.backgroundColor="#99DDFF";
0 0
- 关于JavaScript右键弹出式菜单
- Java 右键弹出式菜单
- 右键弹出式菜单
- 右键弹出式菜单
- 右键弹出式菜单
- CEdit去掉右键弹出式菜单
- MFC 添加右键弹出式菜单
- JavaScript可折叠弹出式菜单
- 关于dreamweaver弹出式菜单
- MFC实现弹出式快捷菜单/右键菜单
- 有关右键弹出式菜单的使能
- CSS+Javascript弹出式导航菜单
- javascript:window.popup()+XSLT弹出式菜单
- javascript 右键菜单
- javascript 右键菜单
- 鼠标右键的使用和启动弹出式菜单
- 在网页里做类似window右键的弹出式菜单
- 鼠标右键的使用和启动弹出式菜单
- python菜鸟日记1
- spa(单页面应用)的优缺点
- 技术与经济之四:马克思眼中的无产阶级
- 剑指offer面试题14(Java版):调整数组顺序使奇数位于偶数的前面
- windows cmd 批处理将文件名改为小写
- 关于JavaScript右键弹出式菜单
- PAT-Advanced Level -1015 判断素数反转后是否是素数
- sqlserver中的通配符
- C盘优化
- NAPI 技术在 Linux 网络驱动上的应用和完善
- 事务使用简明教程
- 状态压缩DP总结【POJ3254】【POJ1185】【POJ3311】【HDU3001】【POJ2288】【ZOJ4257】【POJ2411】【HDU3681】
- 拓扑排序
- Sqlserver中char,nchar,varchar与Nvarchar的区别