Book Image

Learning jQuery : Better Interaction Design and Web Development with Simple JavaScript Techniques

Book Image

Learning jQuery : Better Interaction Design and Web Development with Simple JavaScript Techniques

Overview of this book

Table of Contents (18 chapters)
Learning jQuery
Credits
About the Authors
About the Reviewers
Preface

Chapter 9. Shufflers and Rotators

 

Spin that wheel

Go along for the ride

 
 -- Devo, “Spin the Wheel”

It’s not enough anymore to craft literary masterpieces on the web. People clamor for more. They want the words to move. They want pretty pictures on demand. They want Shufflers and Rotators! In this third and final how-to chapter, we’ll use advanced animations, ultra-hip AJAX, and superfluous eye candy in an attempt to give the people what they want and really shuffle things around.

Headline Rotator

For our first rotator example, we’ll take a news feed and scroll the headlines, along with an excerpt of the article, one at a time into view. Unlike with the typical news ticker, however, each news item will scroll up, not across. Then it will pause for a few seconds before it continues up and out of sight while the next one scrolls into view.

Setting Up the Page

At its most basic level, this feature is not very difficult to implement. But as we will soon see, making it production-ready requires...