jQuery 1.4 Animation Techniques - Index of

[ 199 ]
Chapter 7
We then set the href of the current link to a document fragment identifier pointing to the
name of the corresponding content section. This wouldn't have any effect if we weren't
intercepting clicks on the nav links because the content sections don't have matching id
attributes, but it is necessary to store the fragment here so that we can read it back when
the link is clicked.
Lastly, we check again whether we're processing the last link or not, and if we are, we trigger
our custom contentLoaded event, which results in the page's element being appended to
the page, and the click handlers bound to the navigation links.
Building a site like this which pulls all of its content into a single page won't suit every type of
site. Most clients would probably pay the cancellation fees and swiftly withdraw if this idea
was presented to them. However, on highly stylized sites, where the design and behavior of
the site is of special importance, this kind of effect can work well. Sites with little content on
each page are especially suited to it.
The following screenshot shows the functionality in action:
In the previous screenshot, we can see the header and footer partly faded out, and the page
content being scrolled diagonally downwards to the right.