คลิ๊ก MOUSE ขวาแล้วมี MENU มีเงาออกมา

by Smilez Mon Jun 01, 2009 9:15 am

นำ CODE ด้านล่างไปไว้ที่ <head> ครับ

Code:: <style type="text/css"> .link{ cursor:default; text-decoration:none; color:black; font-size:8pt; font-family:Ms Sans Serif; padding:5; } .normtext{ color:black; font-size:8pt; font-family:Ms Sans Serif; font-weight:bold; padding:3; } #conmenu { cursor:default; position:absolute; top:0px; left:0px; visibility:hidden; background-color:#ccccff; layer-background-color:#ccccff; border:outset 2px; font-size:10pt; font-family:sans-serif; font-weight:normal; color:#00436e; width:160px; padding:1 2 0 2; } #conshadow{ position:absolute; top:0px; left:0px; visibility:hidden; background-color:black; layer-background-color:black; } </style>

นำ CODE ด้านล่างไปไว้ที่ <body> ครับ

Code:: <script language="javascript"> var menuNormColor="#ccccff"; //NORMAL COLOR OF THE MENU ITEMS var menuHoverColor="#99ccff"; //COLOR OF THE MENU ITEMS ONMOUSEOVER // แก้ไขข้อความและ LINK ด้านล่างครับ var menu=Array(); menu[0]=['THAI FRESH MILK', 'http://www.geocities.com/thaifreshmilk', '']; menu[1]=['ZARATAWEB.COM', 'http://www.zarataweb.com', '']; menu[2]=['GAZIB.COM', 'http://www.gazib.com', '']; menu[3]=['NONGKHAIWEB', 'http://www.nongkhaiweb.com', '']; menu[4]=['WEB AC 121','http://www.ac121.4t.com', '']; menu[5]=['<center>คลิ๊ก MOUSE ซ้ายอีกที MENU นี้จะหายไป</center>']; var disableNS4=false; // BECAUSE THE MENU DOESNT LOOK RIGHT WHEN THE PAGE CONTAINS // FORMS IN NS4, SET THIS VALUE TO true TO USE THE DEFAULT // CONTEXT MENU. THIS EFFECTS NS4.X BROWSERS ONLY. //****************** NO NEED TO EDIT BEYOND HERE ******************** ns4 = (navigator.appName.indexOf("Netscape")>=0 && document.layers)? true : false; ie4 = (document.all && !document.getElementById)? true : false; ie5 = (document.all && document.getElementById)? true : false; ns6 = (document.getElementById && navigator.appName.indexOf("Netscape")>=0 )? true: false; w3c = (document.getElementById)? true : false; var mx=0; var my=0; var conmenu; var conshadow; var windowloaded=false; var opened=false; function setc(ref,c){ if(ns4)ref.bgColor=c; else ref.style.backgroundColor=c; } var txt='<div id="conshadow"> </div>'; txt+='<div id="conmenu">'; for(i=0;i<menu.length;i++){ if(menu[i].length<3){ txt+='<ilayer><div class="normtext">'+menu[i][0]+'</div></ilayer>'; }else{ txt+=(ns4)?'<ilayer width="100%" bgcolor="'+menuNormColor+'"><layer width="100%" onmouseover="setc(this,\''+menuHoverColor+'\')" onmouseout="setc(this,\''+menuNormColor+'\')">':'<div class="link" style="background-color:'+menuNormColor+'" onmouseover="setc(this,\''+menuHoverColor+'\')" onmouseout="setc(this,\''+menuNormColor+'\')">'; txt+='<a href="'+menu[i][1]+'" target="'+menu[i][2]+'" class="link">'+menu[i][0]+'</a>'; txt+=(ns4)?'</layer></ilayer>':'</div>'; }} txt+='</div>'; document.write(txt); function ns4trap(evt){ if(evt.which==2||evt.which==3){ showmenu(); return false; }} function showmenu(){ if(windowloaded){ if(opened){ if(ns4){ conmenu.visibility="hide"; conshadow.visibility="hide"; conmenu.moveTo(0,0); conshadow.moveTo(0,0); }else{ conmenu.style.visibility="hidden"; conshadow.style.visibility="hidden"; conmenu.style.left='0px'; conmenu.style.top='0px'; conshadow.style.left='0px'; conshadow.style.top='0px'; } opened=false; }else{ opened=true; var wh=(ie4||ie5)?document.body.clientHeight:window.innerHeight; var sx=(ie4||ie5)?document.body.scrollLeft:pageXOffset; var sy=(ie4||ie5)?document.body.scrollTop:pageYOffset; if(ns4){ conmenu.moveTo(mx,my); conshadow.moveTo(mx+8,my+8); conmenu.visibility="show"; conshadow.visibility="show"; }else{ conmenu.style.left=mx+((ie4||ie5)?sx:0)+'px'; conmenu.style.top=my+((ie4||ie5)?sy:0)+'px'; conshadow.style.left=mx+10+((ie4||ie5)?sx:0)+'px'; conshadow.style.top=my+10+((ie4||ie5)?sy:0)+'px'; setTimeout('conmenu.style.visibility="visible"; conshadow.style.visibility="visible"; ',50); }}}} if(ns4&&!disableNS4){ document.captureEvents(Event.MOUSEDOWN|Event.MOUSEMOVE); document.onmousedown=ns4trap; }else{ document.oncontextmenu=function(){ showmenu(); return false; }} document.onmousemove=function(evt){ mx=(ie4||ie5)?event.clientX:evt.pageX; my=(ie4||ie5)?event.clientY:evt.pageY; } function getidheight(id){ if(ns4)return id.clip.height; if(ie4||ie5)return id.clientHeight; if(w3c)return id.offsetHeight; } function getidwidth(id){ if(ns4)return id.clip.right-id.clip.left; if(ie4)return id.clientWidth; if(w3c)return id.offsetWidth; } window.onload=function(){ windowloaded=true; conmenu=(ns4)?document.layers['conmenu']:(ie4)?document.all['conmenu']:document.getElementById('conmenu'); conshadow=(ns4)?document.layers['conshadow']:(ie4)?document.all['conshadow']:document.getElementById('conshadow'); if(ns4){ conshadow.clip.height=conmenu.document.height; conshadow.clip.width=conmenu.document.width; conmenu.clip.bottom=getidheight(conshadow); }else{ if(ie4||ie5)conshadow.style.filter="alpha(opacity=50)"; if(ns6||!ie4||!ie5)conshadow.style.MozOpacity=.5; conshadow.style.height=getidheight(conmenu); conshadow.style.width=getidwidth(conmenu); } //ADD OTHER WINDOW ONLOAD EVENT HANDLER SCRIPTS/COMMANDS HERE } window.onresize=function(){ if(ns4)setTimeout('history.go(0)',200); //ADD OTHER WINDOW RESIZE HANDLER COMMANDS/SCRIPTS HERE } </script>