Rollover form button - Source Code - JsMadeEasy.com

WebSiteMadeEasy.net

|

FontsMadeEasy.com

|

RankChecker.net

Submit your Script

Google Search:

Learn Java Script Today

|

Over 5000 Free Fonts

|

|

Javascript Forum

|

Other Javascript Resources

|

JavaScript Basics

Inserting Javascript

Complete Tutorial

Advance DHTML Tutorial


Rollover form button

A script that applies a background image to any form button as the mouse moves over it.


Insert into <HEAD>
<script> <!-- /* rollover buttons script credit: (www.wsabstract.com) More free JavaScripts here. Note: Credit must stay intact for use. */ function change(color){ if (event.srcElement.tagName=="INPUT") event.srcElement.style.backgroundColor=color } function jumpto(url){ window.location=url } //--> </script>

Insert into <BODY>
<form onMouseover="change('lightgreen')" onMouseout="change('')"> <input type="button" value="Script 1 " style="font-weight:bold" onClick="jumpto('cut1.htm')"><br> <input type="button" value="Script 2 " style="font-weight:bold" onClick="jumpto('cut2.htm')"><br> <input type="button" value="Script 3 " style="font-weight:bold" onClick="jumpto('cut3.htm')"><br> </form>

Other Options
To change the color of the onMouseover effect, enter a different color in the <form> tag, like below: <form onMouseover="change('lightgreen')" onMouseout="change('')"> To remove or add additional buttons, remove/add more of the below: <input type="button" value="Script 1 " style="font-weight:bold" onClick="jumpto('cut1.htm')"><br> with the part in red representing the url that will load when the button is clicked on.