Categories:

Home / Free JavaScripts / IE 4.x / Here

Cut & Paste Rollover form button II (Requires IE 4.x)

Credit: JavaScript Kit

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:

backgr15.jpg (2119 bytes) backgr10.jpg (1569 bytes)


JavaScript Tools:
Site Info

CopyRight 1998-2012 JavaScript Kit. NO PART may be reproduced without author's permission.