jQuery 1.4 Animation Techniques - Index of

Full Page Animations
nav ul { margin:0; padding:0; float:right; }
nav li {
border-left:1px solid #000; padding:0 20px; float:left;
list-style-type:none;
}
nav li:first-child { border:none; }
#content { padding-left:20px; }
footer {
display:block; width:960px; padding:10px 0;
border:1px solid #000;
border-bottom:none;
-moz-border-radius-topright:8px;
-moz-border-radius-topleft:8px;
-webkit-border-top-right-radius:8px;
-webkit-border-top-left-radius:8px;
border-top-right-radius:8px;
border-top-right-radius:8px; clear:both; background-color:#fff;
}
footer small { display:block; float:left; margin-left:20px; }
footer nav { font-size:12px; }
.clear-float:after {
display:block; content:"."; clear:both; visibility:hidden;
height:0;
}
.fixed { width:960px; position:fixed; z-index:1; }
header.fixed { top:0; }
footer.fixed { bottom:0; }
#pages { position:relative; }
.page { width:920px; position:absolute; }
3. Save this file as single-page-site.css in the css directory. Note that each of
the five HTML pages link to this stylesheet.
4. The page will appear like this with no JS functionality added, which is how it would
appear were JavaScript disabled on the client:
[ 192 ]