ทำ MENU แบบนูนๆพอเอา MOUSE ไปวางแล้วปุ่มก็แบนลงและเลื่อนตาม SCROLLBAR ด้วย

ทำ MENU แบบนูนๆพอเอา MOUSE ไปวางแล้วปุ่มก็แบนลง
และเลื่อนตาม SCROLLBAR ด้วย

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

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

<SCRIPT language=javascript> var linklist=[ ['หน้าหลัก','http://www.codetukyang.cjb.net'], ['THAI FRESH MILK','http://www.geocities.com/thaifreshmilk'], ['thaiwebcreator.com','http://www.thaiwebcreator.com'], ['ZARATAWEB.COM','http://www.zarataweb.com'], ['GAZIB.COM','http://www.gazib.com'], ['NONGKHAIWEB.COM','http://www.nongkhaiweb.com'], ['ENTRANCE.CO.TH','http://www.entrance.co.th'], ['BUG 1113','http://www.bug1113.com'], ['KANTANA.COM','http://www.kantana.com'], ['SANOOK.COM','http://www.sanook.com'] ] /*******************************************************************/ var w3c=(document.getElementById)?true:false; var ns4=(document.layers)?true:false; var ie4=(document.all && !w3c)?true:false; var ie5=(document.all && w3c)?true:false; var ns6=(w3c && navigator.appName.indexOf("Netscape")>=0)?true:false; var t=''; t+=(ns4)?'<layer name="navM" top=0 left=0 width=145 bgcolor="#fff6e9"><table width=145 cellpadding=4 cellspacing=0 border=1>':'<div id="navM" class="outerNav" style="top:0px;">'; t+=(ns4)?'<tr><td align="center" valign="middle" height="20"><div style="font:bold 17px Ms Sans Serif; color:black">Menu</div></td></tr>': '<div class="navDiv" style="text-align:center; border-width:0px; font-size:17px; color:black">MENU</div>'; for(i=0;i<linklist.length;i++){ if(ns4)t+='<tr><td align="left" valign="middle" height="20"><a href="'+linklist[i][1]+'">'+linklist[i][0]+'</a></td></tr>'; else t+='<div class="navDiv" onmouseover="setClass(this,true)" onmouseout="setClass(this,false)" onmousedown="navTo('+i+')">'+linklist[i][0]+'</div>'; } t+=(ns4)?'</table></layer>':'</div>'; document.write(t); function navTo(n){ document.location.href=linklist[n][1]; } function setClass(el,isD){ el.className=(isD)?"navDivH":"navDiv"; } var navEl=(ns4)?document.layers['navM']:(ie4)?document.all['navM']:document.getElementById('navM'); function posNavM(){ var y=(ns4)?navEl.top:parseInt(navEl.style.top); var sy=(ie4||ie5)?document.body.scrollTop:window.pageYOffset; if(ns4)navEl.top=((sy-y)/3)+y; else navEl.style.top=((sy-y)/3)+y+'px'; } if(ns4)window.onresize=function(){ setTimeout('history.go(0)',400); } setInterval('posNavM()',60); </SCRIPT>