jQuery 1.4 Animation Techniques - Index of

Other Popular Animations
Time for action – creating and styling the page
In this part of the example we'll create the underlying page that the animation will run on
and add the styling.
1. First we'll create the default page and add the CSS for the example. Add the
following elements to the of our template file:
2. Save this file as proximity.html. Next we'll add some CSS. In a new file, add the
following code:
/* base classes (scripting disabled) */
#proximity {
width:960px; margin:auto; border:1px solid #000;
-moz-border-radius:8px; -webkit-border-radius:8px;
border-radius:8px;
}
#proximity img { border:1px solid #000; }
/* scripting enabled classes */
#proximity.slider {
width:550px; height:250px; position:relative; overflow:hidden;
[ 208 ]