Why does my web page fade instead of scroll?

Fade in web page elements?

• I want all the divs in my webpage to fade in from the background (maybe by changing the opacity element of a given div in css?) One after the other, after a set amount of time, based on how close to the top of the page they are. I tried to use dream weaver events, but all the options for event triggers had nothing to do with how long the page had been loaded. What is the best way to do this?

• Answer:

  Use jquery http://jquery.com/ - even though it's capable of lots, it's designed to make this sort of stuff very easy. You'd just make a simple JavaScript call to tell a named DIV to fade in on the page load (onLoad). jquery lets you chain together effects too, so you can tell it to delay fading something in after a different thing pretty easily. Look here for the docs on query's .fadeIn() command, which is what you'll use. http://api.jquery.com/fadeIn/ Here's a typical line of jquery that tells a DIV called "foo" to wait 800 milliseconds, then fade in over 400 milliseconds. $('#foo').delay(800).fadeIn(400); Have fun!