Creating User Interactivity
January 23, 2009 by djohnson
A rollover, or image swap, occurs when the mouse pointer triggers the existing image to be swapped with another image. This creates a simple animation effect. The purpose of a rollover is to notify the user that this object is a live link and is interactive.
Quick tips for creating rollovers:
- requires two images
- should be the same dimensions
- visually distinct
Dreamweaver automates the procedure and writes the JavaScript necessary to perform the function. All the user must do is specify the original and rollover images.
Today’s Objectives:
- Explain the function of a rollover
- Create a rollover effect
- Differentiate between top-navigation and sub-navigation
Classwork: Complete Lesson 5 vocabulary and construct a simple rollover.
Prep Questions:
- This language is necessary to perform rollovers.
- Define the term MIDI.
- What type of file is a .wav?
Comments
Feel free to leave a comment...
and oh, if you want a pic to show with your comment, go get a gravatar!
You must be logged in to post a comment.