Time for action – creating and styling the underlying page
In this example, we can see how easy it is to grab a series of text strings and display them in a smoothly scrolling marquee style. We'll use jQuery's built-in AJAX capabilities to grab a JSON file of the latest posts on my blog. Let's get started.
- Add the following markup to the
<body>of the template file:<div id="outer"> <header> <hgroup> <h1>Site Title</h1> <h2>Site Description</h2> </hgroup> <nav>Main site navigation along here</nav> </header> <article> <h1>A Blog Post Title</h1> <p>The post copy</p> </article> <aside> <div> <h2>Ads</h2> <p>Probably a bunch of ads here that take up a reasonable section of this aside vertically</p> </div> <div> <h2>Popular Posts</h2> <p>Some links here ...
Get jQuery 1.4 Animation Techniques Beginner's Guide now with the O’Reilly learning platform.
O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.
