<center><spacer type=block height=200><br /> <font color=red size=7>WeBTV Bug!! <p>RELOAD PAGE</font></center>
DHTML Explained
by SimplySally
Script by tom357mag

There are five parts to this script
to make our objects move.


This part sets the object off the screen.
In this case our div is 400 pixels above the screen.


function move1() {
document.all.one.style.posTop += 5;
if (document.all.one.style.posTop < 100) {
setTimeout("move1()", 50); }
else { setTimeout("move2()", 200); } 

This section defines the movement.

Div one, will move 5 pixels every 50 milliseconds
until it is 100 pixels down
from the top of the screen.
Lowering the move time from 50 will speed the action.

When it reaches 100 pixels down our second div
will move in 200 milliseconds.
Lowering this number will make the objects move closer together, timewise.

<style type="text/css"> 
#one { position:absolute; z-index:1; left:10; } 

This is our friend positioning CSS.

We know our div is going to start 400 pixels above the screen.

Then it will move down as we specified.

The CSS sets the placement of our div across the screen.
In this case, our div will come down 10 pixels from the left.

4. onLoad="bgn()">

This tells the browser when to commence the action.

In this case upon loading the page.

5.<div id="one"> <table bgcolor="green"border="3"> <tr><td bgcolor=000066 height=40 width=40> </td></tr></table> </div>

This is our div or object to be moved.

The div can be an image, table, gradtable,
audioscope, or a combination of any of them.

Now, let's see those tables moving!"