软件开发培训班 >> 编程开发 >> JavaScript

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

　　本文标签：js,右键菜单

<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> 
 
<script> 
/*** 
DreamCore - JsLib/Menu 
Date : Dec 03, 2006 
Copyright: DreamSoft Co.,Ltd. 
Mail : Dream@Dreamsoft.Ca 
Author : Egmax 
Browser : IE5.0&+,Firefox1.5&+,Netscape7.0&+ 
Update: 
***/ 
if(!document.all) document.captureEvents(Event.MOUSEDOWN); 
var _Tmenu = 0; 
var _Amenu = 0; 
var _Type = A; 
document.onclick = _Hidden; 
function _Hidden() 
{ 
if(_Tmenu==0) return; 
document.getElementById(_Tmenu).style.visibility=hidden; 
_Tmenu=0; 
} 
document.oncontextmenu = function (e) 
{ 
_Hidden(); 
var _Obj = document.all ? event.srcElement : e.target; 
if(_Type.indexOf(_Obj.tagName) == -1) return; 
_Amenu = _Obj.getAttribute(menu); 
if(_Amenu == null) return; 
if(document.all) e = event; 
_ShowMenu(_Amenu, e); 
return false; 
} 
function _ShowMenu(Eid, event) 
{ 
var _Menu = document.getElementById(Eid); 
var _Left = event.clientX + document.body.scrollLeft; 
var _Top = event.clientY + document.body.scrollTop; 
_Menu.style.left = _Left.toString() + px; 
_Menu.style.top = _Top.toString() + px; 
_Menu.style.visibility = visible; 
_Tmenu = Eid; 
} 
/*** 
可以支持其他标签INPUT,IMG 
***/ 
</script> 
<script>_Type=INPUT,A,DIV,BODY,IMG;</script> 
 
<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=http://www.jb51.net/images/logo.gif menu=menu3>

技术文章快速查找

JavaScript 语言精粹学习笔记

可兼容IE的获取及设置cookie的jquery.cookie函数方法

JavaScript 利用Cookie记录用户登录信息

ASP.NET jQuery 实例15 通过控件CustomValidator验证CheckBoxList

Prototype Enumerable对象学习

J2ME开发环境搭建必备手册

firefox下jquery ajax返回object XMLDocument处理方法

如何实现textarea里的不同文本显示不同颜色

相关下载

在线教程导航

软件应用
·Windows8	·Windows7	·Word
·Excel	·PPT	·WPS
Web开发
·ASP	·JavaScript	·DIV+CSS
·JSP	·VbScript	·XML
·PHP
开发语言
·VB	·VC	·ASP.NET
·Java	·C++	·Delphi
数据库开发
·MySQL	·MsSQL	·Access
·Oracle	·DB2
手机系统
·Android	·iOS	·WindowsPhone
网站设计
·Flash	·Dreamweaver	·Fireworks
平面设计
·Photoshop	·CorelDraw	·AutoCAD
·3DsMAX	·Illustrator
网络技术
·网站运营	·网络安全	·网络搭建