Rollover (web design)

The term rollover in this regard originates from the visual process of rolling the mouse cursor over the button causing the button to react (usually visually, by replacing the button s source image with another image), and sometimes resulting in a change in the web page itself. Note that when the mouse over moves on the image, the alt image/secondary image will appear but won t stay - when the user mouses out by moving the mouse away from the image, the original source image will reappear. There are several different ways to create a rollover.

The part of the term roll is probably referring to older mice which had a mechanical assembly consisting of a hard rubber ball housed in the base of the mouse (which rolls) contrary to the modern optical mouse, which has no rolling parts. The user only requires 2 images/buttons (with the possible addition of alt text to these images) to perform this interactive action.

The term mouseover is probably more appropriate considering current technology. Rollovers can be done by imagery, text or buttons. This is an example of a rollover in CSS and HTML: CSS HTML While rollovers are not in themselves animated images, some users and HTML experts have managed to create animation-like effects. .

Rollover refers to a button created by a web developer or web designer, found within a web page, used to provide interactivity between the user and the page itself. Rollover imagery can be done either by a program with a built-in tool or script coding.

A mouse action will have to be set to either click on or mouse over in order for the rollover to be triggered. The user will have to pick a first image and select an alternate secondary image.

 
?>