一个轻量级的XHTML右键菜单[支持IE和firefox]- Javascript

当前位置: 首页 > 图文教程 > 网络编程 > Javascript > 一个轻量级的XHTML右键菜单[支持IE和firefox]

Javascript: 图片放大镜效果代码; 超棒的javascript页面顶部卷动广告效果; javascript 改变网页加载的CSS; javascript实现仿银行密码输入框效果的代码; 麦鸡的TAB切换功能结合了javascript和css; mapper--图片热点区域高亮组件官方站点; undefined==null引发的两者区别与联系; 用cookies实现的可记忆的样式切换效果代码下载; 特漂亮的JS图片排列旋转效果代码; js jquery做的图片连续滚动代码; 利用js跨页面保存变量做菜单的方法; 用javascript做一个webgame连连看大家看下; Javascript 各浏览器的 Javascript 效率对比; 北京奥运官方网站幻灯切换效果flash版打包下载; 纯js无flash仿搜狐女人频道FLASH图片切换效果代码; javascript实现的三维正方体(兼容ie7,ff); 浅谈javascript函数劫持[转自xfocus]; 连续操作HTMLElement对象图文解决方法; Javascript jquery css 写的简单进度条控件; 地址栏上的一段语句，改变页面的风格。（教程）

No. « ‹ 207 208 209 210 › »

技术文章搜索

关键字

Javascript 中的一个轻量级的XHTML右键菜单[支持IE和firefox]

出处:互联网 整理: 软晨网（RuanChen.com） 发布: 2009-09-12 浏览: 196 ::

收藏到网摘: n/a

叠加计算出错的解决方法一些易混淆且不常用的属性，希望有用

目前很多在网络上流传的右键菜单都不支持XHTML，主要就是因为document.body和document.documentElement之间的不同造成的
还有一个就是很多右键菜单程序太大，于是自己写了一个迷你型的右键菜单，支持IE和firefox

点击运行可以看到效果:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>adad</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<style>
#rightMenu{ padding:2px; background-color:menu; cursor:default; position:absolute; z-index:900; border-right:1px solid #aaa; border-bottom:1px solid #aaa; border-top:1px solid #fff; border-left:1px solid #fff; font-size:14px; word-break:keep-all;
}
.menuItem{ display:block; padding:3px;
}
</style>
<script>
/** *JRightMenu类，在浏览器里显示用户定制右键菜单 *[注意]：只适用于XHTML *@author brull *@email brull@163.com *@date 2007-01-24 */
/** *@param menuItem 菜单显示内容，是一个数组 *@param handle 对应menuItem菜单的处理js代码段，同样是个数组 */
JRightMenu=function (menuItem,handle){ var rightMenu=document.createElement("div"); var menuInnerHTML="";//菜单容器里的HTML内容 var $items=this.menuItem=menuItem; var $handle=this.handle=handle; rightMenu.id="rightMenu";//id for(var i in $items){ if($items[i].indexOf("<hr")!=-1) menuInnerHTML+=$items[i]; else menuInnerHTML+="<span class=’menuItem’ onmouseover=’this.style.backgroundColor=\"#3e80ca\";window.status=this.innerHTML;’ onmouseout=’this.style.backgroundColor=\"\";window.status=\"\"’ onclick=\""+handle[i]+"\" >" +$items[i] +"</span>"; } rightMenu.innerHTML=menuInnerHTML; rightMenu.style.visibility = "visible"; rightMenu.onmousedown=function(e){ e=e||window.event; document.all?e.cancelBubble=true:e.stopPropagation(); } rightMenu.onselectstart=function(){ return false; } document.body.appendChild(rightMenu); this.menu=rightMenu;//方便别的方法引用
};
JRightMenu.prototype.show=function(e){ e=e||window.event; var root=document.documentElement; var x = root.scrollLeft+e.clientX;//菜单左上角横坐标 var y = root.scrollTop+e.clientY;//菜单左上角纵坐标 if (this.menu.clientWidth+e.clientX > root.clientWidth){ x=x-this.menu.clientWidth; } if (this.menu.clientHeight+e.clientY > root.clientHeight){ y=y-this.menu.clientHeight; } this.menu.style.left = x+"px"; this.menu.style.top = y+"px"; this.menu.style.visibility = "visible"; return false;
}
JRightMenu.prototype.hidden=function() { this.menu.style.visibility = "hidden";
}
</script>
<script>
window.onload=function(){
rightMenu=new JRightMenu(["it’s mine!","it’s yours!"],["alert(’it is mine!’)","alert(’it is yours!’)"]);
}
document.oncontextmenu=function(evt){return rightMenu.show(evt);};
document.onclick=function(){rightMenu.hidden();}
</script>
</head>
<body>
adadad大王大王
adadad大王大王adadad大王大王adadad大王大王adadad大王大王adadad大王大王adadad大王大王adadad大王大王adadad大王大王adadad大王大王adadad大王大王adadad大王大王adadad大王大王adadad大王大王adadad大王大王adadad大王大王adadad大王大王adadad大王大王adadad大王大王adadad大王大王adadad大王大王adadad大王大王
awdddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddd
</body>
</html>

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

叠加计算出错的解决方法一些易混淆且不常用的属性，希望有用

Javascript 中的 一个轻量级的XHTML右键菜单[支持IE和firefox]

评论 (0) All

Javascript 中的一个轻量级的XHTML右键菜单[支持IE和firefox]