I find This Code On Search I Think for webmasters is good To Find Easy this Kind of code so i Type it here I Hope U enjoy it blink.gif
Step 1: Insert the below into the <head> section of your page. Change the image
path within ".initial" to reference the image you want applied initially to the button.

<style type="text/css">

.initial{
font-weight:bold;
background-image:url(first.jpg);
}

</style>

CODE
<script type="text/javascript">
<!--

//Specify optional button target: "_new" for new window, or name of FRAME target (ie "myframe")
var buttontarget=""

if (document.images){
after=new Image()
//Enter image path of second image (for preloading purposes):
after.src="second.jpg"
}

function change2(e, image){
var el=window.event? event.srcElement: e.target
if (el.tagName=="INPUT"&&el.type=="button")
el.style.backgroundImage="url"+"('"+image+"')"
}

function jumpto2(url){
if (buttontarget=="")
window.location=url
else if (buttontarget=="_new")
window.open(url)
else
parent[buttontarget].location=url
}

//-->
</script>


Step 2: Insert the below anywhere into the <body> section of your page Change the two image names in function "change2()" to reflect the ones used above. Change the target URLs in function "jumpto()" to your own (ie:http://www.yahoo.com):

QUOTE
<form onMouseover="change2(event, 'second.jpg')" onMouseout="change2(event, 'first.jpg')">
<input type="button" value="Yahoo" class="initial" onClick="jumpto2('http://yahoo.com')">
<input type="button" value="Google" class="initial" onClick="jumpto2('http://google.com')">
<input type="button" value="AlltheWeb" class="initial" onClick="jumpto2('http://alltheweb.com')">
<br>
</form>


To add more form buttons, simply add more of the following inside the <form> tag:

<input type="button" value="Yahoo " class="initial"
onClick="jumpto2('http://yahoo.com')">

 

 

 


Reply