jQuery 1.4 Animation Techniques - Index of

Other Popular Animations
What just happened?
The underlying HTML represents a typical blog. We've added a series of elements for two
reasons, primarily so that we have somewhere to insert the marquee, but also so that we
can see why this approach can be necessary.
Having the latest posts scrolling across the page near the top of the site ensures that this
content is seen straight away, and the fact that it's animated also helps to draw the visitor's
attention to it.
The CSS used so far is purely to layout the example elements in a precise and mildly aesthetic
way, giving us a generic layout and a light skinning. We'll add some more CSS a little later in
the example for our dynamically created marquee. At this point, the page should appear
like this:
Remember, all of the elements in the previous screenshot are there for the marquee to be
inserted between. They are not specifically required, and are there for this example.
Time for action – retrieving and processing the post list
Now we're ready to retrieve the list of latest posts and process them, making them ready to
be displayed as items in the marquee. In order to access this data across the Internet from
another domain, we need to use JSONP, which stands for JSON with Padding, and involves
dynamically creating and injecting a element to the page, although jQuery
actually handles this aspect of it for us.
[ 222 ]