jQuery 1.4 Animation Techniques - Index of

Time for action – creating the stage and adding the styling
[ 187 ]
Chapter 7
The underlying page requires just five elements (for this simple example), which sit in the
of the page.
1. Add the elements in the following structure to a fresh copy of the template file:
2. This page can be saved as parallax.html. Don't forget to link to the cssHooks
file that we'll be using in this example after the link to jQuery at the bottom of the
:
3. The CSS in this example is equally as simple as the underlying HTML. Add the
following code to a new file in your text editor:
div { width:100%; height:1000px; position:absolute; left:0; top:0;
}
#background { background:url(../img/background.png) repeat-x 0 0;
}
#midground { background:url(../img/midground.png) repeat-x 0 0; }
#foreground { background:url(../img/foreground.png) repeat-x 0 0;
}
#stage { background:url(../img/ground.png) repeat-x 0 100%; }