likewolf 发表于 2013-2-7 20:16:43

右键弹出菜单

<HTML> <HEAD><TITLE> New Document </TITLE><META NAME="Generator" CONTENT="EditPlus"><META NAME="Author" CONTENT=""><META NAME="Keywords" CONTENT=""><META NAME="Description" CONTENT=""><style>.trover{background-color='#9BBCFF';cursor="default";width="120";}.trout{background-color='#E1E1E1';width="120";}.tddisabled{color="#8F8F8F"}.tddisabledover{background-color='#9BBCFF';cursor="default";width="120";color="#8F8F8F"}.tddisabledout{background-color='#E1E1E1';width="120";color="#8F8F8F"}.tbclassic{background-color='#E1E1E1';font-size=12px;font-family="宋体"width="120"}.split{overflow="hidden";width="120";height="1px";background-color="#808080";}.panel{position="absolute";border="1 solid #AAAAAA";width="120";}</style> </HEAD> <BODY oncontextmenu="return false" onmouseup=" test()" onmousedown="allHidden()"> </BODY></HTML><SCRIPT LANGUAGE="JavaScript">/*popMenu构造函数*/function popMenu(){this.baseInit=baseInit;this.addItem=addItem;this.addSplit=addSplit;this.setPos=setPos;this.display=dispaly;this.hidden=hidden;this.baseInit();}/*初始化*/function baseInit(){this.tb=document.createElement("table");this.tb.cellSpacing=0; this.tb.className='tbclassic';this.panel=document.createElement("div");this.panel.className="panel";this.panel.appendChild(this.tb);this.panel.style.display="none";document.body.appendChild(this.panel);}/*添加一个item*/function addItem(text,method,isEnable){var row=this.tb.insertRow();var cell=row.insertCell();cell.innerText=""+text;cell.unselectable="on";if(isEnable==false){row.onmouseover=function(){row.className="tddisabledover";cell.className="tddisabledover";}row.onmouseout=function(){row.className="tddisabledout";cell.className="tddisabledout";}cell.className="tddisabled";cell.onmousedown=function(){event.cancelBubble=true}}else{row.onmouseover=function(){row.className="trover";cell.className="trover";}row.onmouseout=function(){row.className="trout";cell.className="trout";}cell.onmousedown=method;}}/*添加一条分割线*/function addSplit(){var row=this.tb.insertRow();var cell=row.insertCell();var split=document.createElement("div");split.className="split";cell.appendChild(split);}function setPos(x,y){this.panel.style.left=x;this.panel.style.top=y;}function dispaly(){this.panel.style.display="block";}function hidden(){this.panel.style.display="none";}var p=new popMenu();p.addItem('编辑',function(){windowOpen('http://www.163.com')},false);p.addItem('删除',function(){windowOpen('http://www.163.com')});p.addSplit();p.addItem('添加',function(){windowOpen('http://www.163.com')});p.addItem('修改',function(){windowOpen('http://www.163.com')});function test(){if (event.button==2){p.setPos(window.event.x,window.event.y)p.display();}}function allHidden(){p.hidden();}function windowOpen(url,target){window.open(url,target);}</SCRIPT> 代码很简单,有一些功能还在完善,欢迎大家踊跃提意见
页: [1]
查看完整版本: 右键弹出菜单