手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >一个轻量级的XHTML右键菜单[支持IE和firefox]
一个轻量级的XHTML右键菜单[支持IE和firefox]
摘要:目前很多在网络上流传的右键菜单都不支持XHTML,主要就是因为document.body和document.documentElement之...

目前很多在网络上流传的右键菜单都不支持XHTML,主要就是因为document.body和document.documentElement之间的不同造成的

还有一个就是很多右键菜单程序太大,于是自己写了一个迷你型的右键菜单,支持IE和firefox

adad #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; } /** *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(" 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"; }

adadad大王大王

adadad大王大王

adadad大王大王

adadad大王大王

adadad大王大王

adadad大王大王

adadad大王大王

adadad大王大王

adadad大王大王

adadad大王大王

adadad大王大王

adadad大王大王

adadad大王大王

adadad大王大王

adadad大王大王

adadad大王大王

adadad大王大王

adadad大王大王

adadad大王大王

adadad大王大王

adadad大王大王

adadad大王大王

awdddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddd

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

【一个轻量级的XHTML右键菜单[支持IE和firefox]】相关文章:

基于zepto的移动端轻量级日期插件--date

原生JS和JQuery动态添加、删除表格行的方法

基于JavaScript实现智能右键菜单

对联广告 可关闭

一个很Cool的JS菜单效果

javascript基于DOM实现省市级联下拉框的方法

谈一谈javascript中继承的多种方式

Javascript - HTML的request类

二级连动菜单

理解javascript封装

精品推荐
分类导航