Dhtml Tutorials [Manual Scroller]

Example below:

Just place this dhtml where you want it to appear:

<center> <a href="javascript:movedown()"><font face="Verdana" size="1">Down</font></a> <a href="javascript:moveup()"><font size="1" face="Verdana">Up</font></a> <font size="1" face="Verdana"><a href="javascript:stopscroll()">Stop</a> <a href="javascript:movetop()">Top</a></font> </center> <script language="JavaScript1.2"> //specify speed of scroll (greater=faster) var speed=4 iens6=document.all||document.getElementById ns4=document.layers if (iens6){ document.write('<div id="container" style="position:relative;width:155;height:160px;overflow:hidden;border:2px ridge #000000">') document.write('<div id="content" style="position:absolute;width:155;left:0;top:0">') } </script> <ilayer name="nscontainer" width=155 height=160 clip="0,0,155,160"> <layer name="nscontent" width=155 height=1 visibility=hidden> <!--INSERT CONTENT HERE--> <p><font face="Arial" size="2">Just type whatever you want in here .blah blah blah blah blah </font></p><p><font face="Arial" size="2">u can use this for updates or really anything you want blah blah blah blah blah entensity.net</font></p><p><font face="Arial" size="2">blah blah blah blah</font></p><!--END CONTENT--> </layer></ilayer> <script language="JavaScript1.2"> if (iens6){ document.write('</div></div>') var crossobj=document.getElementById? document.getElementById("content") : document.all.content var contentheight=crossobj.offsetHeight } else if (ns4){ var crossobj=document.nscontainer.document.nscontent var contentheight=crossobj.clip.height } function movedown(){ if (window.moveupvar) clearTimeout(moveupvar) if (iens6&&parseInt(crossobj.style.top)>=(contentheight*(-1)+100)) crossobj.style.top=parseInt(crossobj.style.top)-speed else if (ns4&&crossobj.top>=(contentheight*(-1)+100)) crossobj.top-=speed movedownvar=setTimeout("movedown()",100) } function moveup(){ if (window.movedownvar) clearTimeout(movedownvar) if (iens6&&parseInt(crossobj.style.top)<=0) crossobj.style.top=parseInt(crossobj.style.top)+speed else if (ns4&&crossobj.top<=0) crossobj.top+=speed moveupvar=setTimeout("moveup()",100) } function stopscroll(){ if (window.moveupvar) clearTimeout(moveupvar) if (window.movedownvar) clearTimeout(movedownvar) } function movetop(){ stopscroll() if (iens6) crossobj.style.top=0 else if (ns4) crossobj.top=0 } function getcontent_height(){ if (iens6) contentheight=crossobj.offsetHeight else if (ns4) document.nscontainer.document.nscontent.visibility="show" } window.onload=getcontent_height </script>