• Create BookmarkCreate Bookmark
  • Create Note or TagCreate Note or Tag
  • PrintPrint
Share this Page URL
Help

Chapter 17. Drawing Timelines

Chapter 17. Drawing Timelines

Timelines let you create animations on a Web page without having to use Flash or write the Dynamic HTML code yourself. Timelines can animate any object that's in a layer on the page. They use no ActiveX, Java, or plug-ins.

Timelines use JavaScript to control layers (Figures 17.1 through 17.4). A layer can move, resize, appear, or disappear—and these actions are controlled by a sequence of frames.

Figure 17.1. The magic bus at futurefarmers.com uses a timeline in a JavaScript pop-up window.


Figure 17.2. It moves!


Figure 17.3. It keeps moving until it's off the screen, and then it starts over.


Figure 17.4. One click opens a new little window with a new timeline.


These frames are not the same as the frames I discussed in Chapter 13. These are animation frames. Just like the frames of footage in a movie, each frame can be slightly different from the last, which creates the illusion of movement over time on a 2-D surface. In this case, of course, the 2-D surface is a Web page projected on a computer screen rather than a film projected on a movie screen.

Tip

Because timelines rely on layers in order to work their magic, they can only be viewed in 4.0 and later browsers.


Tip

If you need information on layers, refer to Chapter 14. For information about behaviors, turn to Chapter 16.



PREVIEW

                                                                          

Not a subscriber?

Start A Free Trial


  
  • Creative Edge
  • Create BookmarkCreate Bookmark
  • Create Note or TagCreate Note or Tag
  • PrintPrint