Uncle Jim's Web Designs
JavaScript Examples
Vertical Scrolling Text with Speed Control
Scroll Control:
up
down
pause
faster
slower
This is an example
showing how to
scroll text
up or down your
document page.
This method will
save you space
on your web page
and give your
visitors control
over text movement.
INSTALLATION INSTRUCTIONS
COPY
-
Insert Between Head Tags: <HEAD></HEAD>
<SCRIPT LANGUAGE="JavaScript"> function setVariables(){ if (navigator.appName == "Netscape") h=".left=",v=".top=",dS="document.",sD=""; else h=".pixelLeft=",v=".pixelTop=",dS="",sD=".style"; } k=2 objectX="object" y=225,x=255 sUid="off" sDid="off" function scrollUp(){ clearTimeout(sDid) y-=(k);eval(dS + objectX + sD + v + y); if (y>-1450) sUid=setTimeout ("scrollUp()",100) } function scrollDown(){ clearTimeout(sUid) y+=k;eval(dS + objectX + sD + v + y); if (y<800)sDid=setTimeout ("scrollDown()",100) } function pause(){ clearTimeout(sUid) clearTimeout(sDid) } function faster(){ k+=1 if (k==0) k=1 } function slower(){ k-=1 if (k==0) k=1 } </SCRIPT>
COPY
-
Insert Inside Body: <BODY></BODY>
<CENTER><table border=1 bgcolor=ffffff><tr><td> <table><tr><td><B>Scroll Control:</B></td></tr></table> </td></tr> <tr><td> <table border=1 cellpadding=2><tr> <td><a href="javascript:scrollUp()"><FONT COLOR="#000000"><CENTER>up</CENTER></FONT></a></td> <td><a href="javascript:scrollDown()"><FONT COLOR="#000000"><CENTER>down</CENTER></FONT></a></td> <td><a href="javascript:pause()"><FONT COLOR="#000000"><CENTER>pause</CENTER></FONT></a></td> </tr></table> </td></tr><tr><td> <table cellpadding=7 border=1><tr> <td><a href="javascript:faster()"><FONT COLOR="#000000"><CENTER>faster</CENTER></FONT></a></td> <td><a href="javascript:slower()"><FONT COLOR="#000000"><CENTER>slower</CENTER></FONT></a></td> </tr></table> </td></tr></table> </CENTER> </td></tr><tr><td> <div id="object" style="position:absolute; visibility:show; left:155px; top:325px; z-index:1"> <B><br><table border=0 width=250 height=200> <td> This is an example<BR> showing how to<BR> scroll text<BR> up or down your<BR> document page.<BR> <BR> This method will<BR> save you space<BR> on your web page<BR> and give your<BR> visitors control<BR> over text movement.<BR> </div> </TD></TR></TABLE> </TD></TR></TABLE>
COPY
-
Insert into Body Tag: <BODY 'CODE HERE'>
onload="setVariables(),scrollUp()"
Close This Window