Cut & Paste Rollover form button II (Requires IE 4.x)
|
Description: A script that applies a background image to any form button as the mouse moves over it. Requires IE 4.x, although all other browsers will still go to the specified url when clicked on (degrades well with all other browsers). The advantage of this script is that it is extremely light weight; instead of the multiple images required to construct your standard rollover effect, this script uses only one background image.
Example:
Directions
Step 1: Insert the below into the <head> section of your page:
Step 2: Insert the below into the <body> section of your page:
To change the background image of the onMouseover effect, enter a different image in the <form> tag, like below:
<form onMouseover="change2('newimage.gif')" onMouseout="change2('')">
To remove or add additional buttons, remove/add more of the below:
<input type="button" value="Script 1 " style="font-weight:bold" onClick="jumpto2('cut1.htm')"><br>
with the part in red representing the url that will load when the button is clicked on.
ps: The two background images used in this example are:
