js 右键菜单，支持不同对象不同菜单(兼容IE、Firefox)

295 阅读 0 评论 195 点赞

我是靠谱客的博主义气小海豚，这篇文章主要介绍js 右键菜单，支持不同对象不同菜单(兼容IE、Firefox)，现在分享给大家，希望可以做个参考。

里面的代码修改也比较简单。

<html> 
<head> 
<title>ddd</title> 
<style> 
.DreamMenu { 
position:absolute; 
visibility:hidden; 
z-index:100; 
overflow:hidden; 
width:150px; 
background-color:buttonface; 
border:dimgray 1px solid !important; 
border:buttonhighlight menu menu buttonhighlight 2px outset; 
padding:1px !important; 
padding:1px 1px 1px 0px; 
font-size:12px; 
} 
.DreamMenu ul { 
margin:1px; 
border-bottom:buttonhighlight 1px solid; 
border-top:buttonshadow 1px solid; 
} 
.DreamMenu a { 
display:block; 
width:100%; 
padding:1px 2px 2px 20px; 
cursor:default; 
text-decoration:none; 
color:#000000; 
} 
.DreamMenu a:hover { 
background:highlight; 
color:#ffffff; 
} 
</style> 
</head> 
<body menu='menu'> 
 
 
 
 
<div id="menu" class='DreamMenu'> 
脚本之家 
 百度 
google 
站长工具 
<ul></ul> 
打印 
</div> 
 
<div id="menu2" class='DreamMenu'> 
哈哈 
我是个链接 
好开心啊 
查看 
<ul></ul> 
打印 
</div> 
 
<div id="menu3" class='DreamMenu'> 
哈哈 
我是图片 
虽然打不开 
查看 
<ul></ul> 
打印 
</div> 
<table><tr><td height=100> 
 
菜单1 
菜单2 
</td></tr></table> 
<div style='height:300;' menu='menu'></div> 
<img src='//images.uoften.com/file_images/201804/logo.gif' menu='menu3'>

[Ctrl+A 全选注:如需引入外部Js需刷新才能执行]