8.5

Table Of Contents
Rollovers
A rollover is a picture in an HTML page that changes when you move the mouse pointer
over it. Rollovers are commonly used as "buttons" that link to a different page or that
download a file. While visually impressive, rollovers come with some additional overhead
in terms of file size and download time. Also, rollovers are not supported by all versions
of every Web browser (although they are supported by version 3.x and later of both
Microsoft Internet Explorer and Netscape Navigator, and in the current versions of Safari
and Firefox).
QuarkXPress offers two types of rollovers:
Basic rollover: Swaps the image when the mouse pointer is over the rollover box.
Two-position rollover: Swaps the image in one or more other boxes when the mouse pointer
is over the rollover box.
A rollover changes its appearance when an end user "rolls" the mouse pointer over it.
Creating a basic rollover
You can create a basic rollover with picture boxes or with text boxes. If you use text boxes,
the text boxes are automatically converted to pictures at export. To create a basic rollover:
1
Select a picture box or text box in the active Web layout.
2
Choose Item > Basic Rollover > Create Rollover. The Rollover dialog box displays.
3
Specify what should display when the mouse pointer is not over the rollover:
For a picture rollover, enter the path and name of a picture file in the Default Image field,
or click Select/Browse to locate the file manually.
For a text rollover, enter and format the text.
4
Specify what should display when the end user moves the mouse pointer over the rollover:
For a picture rollover, enter the path and name of a picture file in the Rollover Image
field, or click Select/Browse to locate the file manually.
For a text rollover, enter and format the text.
382 | A GUIDE TO QUARKXPRESS 8.5: PLUS EDITION
WEB LAYOUTS