JavaScript Demos:
Simple Graphical Rollover.

jim.cerny@unh.edu   13-AUG-1998

Discussion.

This is an example of a mouse rollover associated with a hyperlink as the triggering event. The graphic deselected/selected is a hyperlink in the form of an image (IMG tag nested in an A tag) -- the normal blue border is set to off for esthetic reasons.

This is a very simple example of something that can become more and more complex. The link graphic has two versions, depending on whether the mouse is over it. Normal functioning as a hyperlink is not changed.

To modify this example, just follow the image naming convention shown in the JavaScript code, adding pairs of images and numbering the pairs from 1, 2, ... . The actual file names of the images can be anything you want, but use care not to make it needlessly confusing. To see an example of this technique extended to a list of menu choices, look at the left-hand menu on the frontpage of UNHINFO.

Creation of the images involved is an open-ended process, as always, in terms of their design and execution.