↑
Scrolls >>>
This is probably the most interesting scroll that doesn't use the browser's status bar (the bar at the bottom of the screen) or a text box on the page. Instead, it scrolls vertically up and down multiple text boxes!
Add the below code to the <body> section of your page:
<script
type= "text/javascript" >
msg
= "Hello,
Look at my vertical scroller!" ;
align = "center" ;
speed = 250 ;
up = true ;
spas = "
" ;
for
( a = 0 ; a <= 12 ; a ++)
{ spas += "
" }
msg = spas + msg + spas ;
j = eval (- 1 );
stop = msg . length ;
document . write ( "<form
name='form'><table border=0 cellspacing=0 "
+ "cellpadding=0
align=" + align + ">" );
for
( i = 1 ; i <= 13 ; i ++)
{
document . write ( "<tr><td><input
type=text name=\"box" + i + "\"
size=1>" );
document . write ( "</td></tr>" );
}
document . write ( "</table></form>" );
function
scrollIt ()
{
j ++;
with
( document . form )
{
if
(( j + 12 )
<=
stop )
{
box1 . value
=
msg . charAt ( j );
box2 . value
=
msg . charAt ( j + 1 );
box3 . value
=
msg . charAt ( j + 2 );
box4 . value
=
msg . charAt ( j + 3 );
box5 . value
=
msg . charAt ( j + 4 );
box6 . value
=
msg . charAt ( j + 5 );
box7 . value
=
msg . charAt ( j + 6 );
box8 . value
=
msg . charAt ( j + 7 );
box9 . value
=
msg . charAt ( j + 8 );
box10 . value
=
msg . charAt ( j + 9 );
box11 . value
=
msg . charAt ( j + 10 );
box12 . value
=
msg . charAt ( j + 11 );
box13 . value
=
msg . charAt ( j + 12 );
}
else
{
j = 0 ;
}
}
setTimeout ( "scrollIt()" , speed );
}
scrollIt ();
</script>
→