<STYLE type=text/css>#divBg { Z-INDEX: 10; LEFT: 0px; WIDTH: 200px; CLIP: rect(0px 10px 10px 0px); POSITION: absolute; HEIGHT: 100px } #divMenu { FONT-WEIGHT: bold; LEFT: 15px; POSITION: absolute; TOP: 6px } #divArrowLeft { LEFT: 0px; WIDTH: 20px; POSITION: absolute; TOP: 9px; HEIGHT: 20px } #divArrowRight { WIDTH: 20px; POSITION: absolute; TOP: 9px; HEIGHT: 20px } </STYLE> <SCRIPT language=JavaScript type=text/javascript> //Default browsercheck, added to all scripts! function checkBrowser(){ this.ver=navigator.appVersion this.dom=document.getElementById?1:0 this.ie5=(this.ver.indexOf("MSIE 5")>-1 && this.dom)?1:0; this.ie4=(document.all && !this.dom)?1:0; this.ns5=(this.dom && parseInt(this.ver) >= 5) ?1:0; this.ns4=(document.layers && !this.dom)?1:0; this.bw=(this.ie5 || this.ie4 || this.ns4 || this.ns5) return this } bw=new checkBrowser() /************************************************************************** Variables to set. ***************************************************************************/ //Updated: Added left and top variables. sLeft=0 //The left placement of the menu sTop=70 //The top placement of the menu //The height of the menu sMenuheight=30 //Width of the arrows sArrowwidth=16 //Scroll speed: (in milliseconds, change this one and the next variable to change the speed) sScrollspeed=20 //Pixels to scroll per timeout. sScrollPx=10 /************************************************************************** Scrolling functions ***************************************************************************/ var tim=0 var noScroll=true function mLeft(){ if(!noScroll && oMenu.x<sArrowwidth){ oMenu.moveBy(sScrollPx,0) tim=setTimeout("mLeft()",sScrollspeed) } } function mRight(){ if(!noScroll && oMenu.x>-(oMenu.scrollWidth-(pageWidth))-sArrowwidth){ oMenu.moveBy(-sScrollPx,0) tim=setTimeout("mRight()",sScrollspeed) } } function noMove(){clearTimeout(tim); noScroll=true} /************************************************************************** Object part ***************************************************************************/ function makeObj(obj,nest,menu){ nest=(!nest) ? '':'document.'+nest+'.' this.css=bw.dom? document.getElementById(obj).style:bw.ie4?document.all[obj].style:bw.ns4?eval(nest+"document.layers." +obj):0; this.evnt=bw.dom? document.getElementById(obj):bw.ie4?document.all[obj]:bw.ns4?eval(nest+"document.layers." +obj):0; this.scrollWidth=bw.ns4?this.css.document.width:this.evnt.offsetWidth this.x=(bw.ns4 || bw.ns5)? this.css.left:this.css.pixelLeft; this.y=(bw.ns4 || bw.ns5)? this.css.top:this.css.pixelTop; this.moveBy=b_moveBy; this.moveIt=b_moveIt; this.showIt=b_showIt;this.clipTo=b_clipTo; return this } function b_moveBy(x,y){this.x=this.x+x; this.y=this.y+y; this.css.left=this.x; this.css.top=this.y} function b_moveIt(x,y){this.x=x; this.y=y; this.css.left=this.x; this.css.top=this.y} function b_clipTo(t,r,b,l){ if(bw.ns4){this.css.clip.top=t; this.css.clip.right=r; this.css.clip.bottom=b; this.css.clip.left=l }else this.css.clip="rect("+t+","+r+","+b+","+l+")"; } function b_showIt(){this.css.visibility="visible"} /************************************************************************** Object part end ***************************************************************************/ /************************************************************************** Init function. Set the placements of the objects here. ***************************************************************************/ function sideInit(){ //Width of the menu, Currently set to the width of the document. //If you want the menu to be 500px wide for instance, just //set the the pageWidth=500 in stead. pageWidth=(bw.ns4 || bw.ns5)?innerWidth:document.body.offsetWidth-20; oBg=new makeObj('divBg') oMenu=new makeObj('divMenu','divBg',1) oArrowRight=new makeObj('divArrowRight','divBg') //Placement oBg.moveIt(sLeft,sTop) //Main div, holds all the other divs. oMenu.moveIt(sArrowwidth,6) oArrowRight.moveIt(pageWidth-sArrowwidth,9) //setting the width and the visible area of the links. if(bw.dom || bw.ie4){ oBg.css.width=pageWidth; oBg.css.overflow="hidden" } oBg.clipTo(0,pageWidth,sMenuheight,0) } //executing the init function on pageload. onload=sideInit; </SCRIPT>

<DIV id=divBg> <DIV id=divMenu> <TABLE> <TBODY> <TR> <TD noWrap align="center"> <font face="MS Sans Serif" size="1"> [<A href="http://www.geocities.com/namkiatv">ศูนย์รวม CODE ทุกอย่าง</A>] [<A href="http://www.thaiwebcreator.com">www.thaiwebcreator.com</A>] [<A href="http://www.yahoo.com">Yahoo</A>] [<A href="http://www.geocities.com">Geocities</A>] [<A href="http://www.hotmail.com">Hotmail</A>] [<A href="http://www.gazib.com">GAZIB.COM</A>] [<A href="http://www.nongkhaiweb.com">NONGKHAIWEB.COM</A>] [<A href="http://www.sanook.com">SANOOK.COM</A>] [<A href="http://www.hunsa.com">HUNSA.COM</A>] [<A href="http://www.sansuk.com">SANSUK.COM</A>] [<A href="http://www.thairath.co.th">THAIRATH.COM</A>] </font> </TD></TR></TBODY></TABLE></DIV> <DIV id=divArrowLeft><A onmouseover="noScroll=false; mLeft()" onmouseout=noMove() href="javascript://"> <IMG src="../../images/menuarrowleft.gif" border=0 width="16" height="21"></A></DIV> <DIV id=divArrowRight> <p align="center"><A onmouseover="noScroll=false; mRight()" onmouseout=noMove() href="javascript://"> <IMG src="../../images/menuarrowright.gif" border=0 width="16" height="21"></A></DIV></DIV>