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

当前位置: 首页 > 图文教程 > 网络编程 > Javascript > js 右键菜单，支持不同对象不同菜单(兼容IE、Firefox)

Javascript: JS getMonth()日期函数的值域是0-11; jQuery 处理网页内容的实现代码; jQuery 树形结构的选择器; jQuery 处理表单元素的代码; JQuery 动画卷页返回顶部动画特效(兼容Chrome); JavaScript 10件让人费解的事情; 类似GMAIL的Ajax信息反馈显示; 两个比较有用的Javascript工具函数代码; JavaScript Timer实现代码; JavaScript 学习技巧; JavaScript 题型问答有答案参考; js删除select中重复项的实现代码; javascript中的链式调用; JavaScript DOM学习第一章 W3C DOM简介; JavaScript DOM 学习第二章编辑文本; JavaScript DOM 学习第三章内容表格; JavaScript DOM学习第四章 getElementByTagNames; JavaScript DOM 学习第五章表单简介; JavaScript DOM学习第六章表单实例; JavaScript DOM 学习第七章表单的扩展

No. « ‹ 287 288 289 290 › »

技术文章搜索

关键字

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

出处:互联网 整理: 软晨网（RuanChen.com） 发布: 2010-02-27 浏览: 235 ::

收藏到网摘: n/a

使用JavaScript库还是自己写代码？ javascript innerText和innerHtml应用

版本虽然很老也不符合标准了，不过代码是值得参考的，需要右键菜单的朋友可以参考下。里面的代码修改也比较简单。

<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'>
<a href='http://www.ruanchen.com'>软晨学习网</a>
<a href='http://www.baidu.com'> 百度</a>
<a href='http://www.g.cn'>google</a>
<a href='http://tools.ruanchen.com'>站长工具</a>
<ul></ul>
<a href='4'>打印</a>
</div>
<div id="menu2" class='DreamMenu'>
<a href='0'>哈哈</a>
<a href='1'>我是个链接</a>
<a href='2'>好开心啊</a>
<a href='3'>查看</a>
<ul></ul>
<a href='4'>打印</a>
</div>
<div id="menu3" class='DreamMenu'>
<a href='0'>哈哈</a>
<a href='1'>我是图片</a>
<a href='2'>虽然打不开</a>
<a href='3'>查看</a>
<ul></ul>
<a href='4'>打印</a>
</div>
<table><tr><td height=100>
<a href='test.php' menu='menu2'>菜单1</a>
<a href='test.php' menu='menu2'>菜单2</a>
</td></tr></table>
<div style='height:300;' menu='menu'></div>
<img src='/upload/tech/20100227/20100227014206_76dc611d6ebaafc66cc0879c71b5db5c.gif' menu='menu3'>

[Ctrl+A 全选提示:你可先修改部分代码,再按运行]

使用JavaScript库还是自己写代码？ javascript innerText和innerHtml应用

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

评论 (0) All