WebPlus Essentials User Guide - Serif

Adding rollovers
Adding Hyperlinks and Interactivity 229
The term rollover refers to an interaction between a mouse and a screen object.
For example, you can point your mouse at a graphic on a web page, and see it
instantly change color or become a different picture. In more detail, when you
point to a web page object, your mouse pointer physically enters the screen
region occupied by the object. This triggers an event called a "mouseover"
which can trigger some other event—such as swapping another image into the
same location. An object whose appearance changes through image-swapping in
response to mouse events is called a rollover graphic—the state of the graphic
changes in response to screen events.
You can directly import rollover graphics created in Serif DrawPlus. (See online
Help for more information.)
Rollover options
Adding rollovers is basically a matter of deciding which rollover state(s) you'll
want to define for a particular object, then specifying an image for each state.
WebPlus provides several choices:
Normal State
is the "resting" state
of the graphic before
any rollover, and is
always defined.
Over State
is the state triggered
by a mouseover—
when the mouse
pointer is directly over
the graphic.
Down State
is triggered by a
mouse click on the
graphic.
Another state, Down+Over (not illustrated) implies a mouseover that occurs
when the graphic is already Down, i.e. after it's been clicked.
You can also specify a hyperlink event—for example, a jump to a targeted web
page—that will trigger if the user clicks on the object. And you can even group
buttons on a page so they work together—and only one button in the group can
be 'down' at any one time.