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

Part 12. Building Web Files > Task 10 How to Build JavaScript Rollovers

Task 10 How to Build JavaScript Rollovers

Rollover animations are graphics that change as you pass the mouse over a specific spot onscreen. These animations are useful for emphasizing links, especially in graphics that might not be clearly marked. Rollovers consist of a normal state, mouse-over state, and click state, so this task creates a separate image variation for each state. To explain the rollover effect, this task creates a basic button and then changes the state of the button. After you create the button and its three states, you must save the HTML code as well as the graphics and then paste the code into the target web page.

1. Create a New ImageReady File

In ImageReady, select File, New to open the New Document dialog box so you can create a new file. For this task, specify a width of 340 pixels and a height of 240 pixels for the image size; then select the White radio button. Click OK.


PREVIEW

                                                                          

Not a subscriber?

Start A Free Trial


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