<style> <!-- .drag{position:relative;cursor:hand } #scontentmain{ position:absolute; width:150px; } #scontentbar{ cursor:hand; position:absolute; background-color:green; height:15; width:100%; top:0; } #scontentsub{ position:absolute; width:100%; top:15; background-color:lightyellow; border:2px solid green; padding:1.5px; } --> </style> <script language="JavaScript1.2"> <!-- //Drag and drop engine for static content //ฉ Dynamic Drive (www.dynamicdrive.com) var dragapproved=false var zcor,xcor,ycor function movescontentmain(){ if (event.button==1&&dragapproved){ zcor.style.pixelLeft=tempvar1+event.clientX-xcor zcor.style.pixelTop=tempvar2+event.clientY-ycor leftpos=document.all.scontentmain.style.pixelLeft-document.body.scrollLeft toppos=document.all.scontentmain.style.pixelTop-document.body.scrollTop return false } } function dragscontentmain(){ if (!document.all) return if (event.srcElement.id=="scontentbar"){ dragapproved=true zcor=scontentmain tempvar1=zcor.style.pixelLeft tempvar2=zcor.style.pixelTop xcor=event.clientX ycor=event.clientY document.onmousemove=movescontentmain } } document.onmousedown=dragscontentmain document.onmouseup=new Function("dragapproved=false") //--> </script>

<div id="scontentmain"> <div id="scontentbar" > <img align="right" src="ตำแหน่งที่เก็บรูป barbutton.gif" onClick="onoffdisplay()" width="17" height="15"> </div> <div id="scontentsub"> <p align="center"><font face="MS Sans Serif" size="1">ยินดีต้อนรับครับ</font></p> <p align="center"><br> </p> </div> </div> <script language="JavaScript1.2"> //configure the below two variables to determine where the static content will initially be positioned when the document loads, in terms of X and Y cooridinates, respectively var w=document.body.clientWidth-195 var h=50 ////Do not edit pass this line/////////// w+=document.body.scrollLeft h+=document.body.scrollTop var leftpos=w var toppos=h scontentmain.style.left=w scontentmain.style.top=h function onoffdisplay(){ if (scontentsub.style.display=='') scontentsub.style.display='none' else scontentsub.style.display='' } function staticize(){ w2=document.body.scrollLeft+leftpos h2=document.body.scrollTop+toppos scontentmain.style.left=w2 scontentmain.style.top=h2 } window.onscroll=staticize </script>