Home » Webmaster Tools and Resources » Software & Scripts » JavaScript » Links and Buttons » [*TITLE HERE*]

Fast Print Button Script

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

Sample:

Insert this code before </head>

<style>
<!--
.initial{font-weight:bold;background-image:url(2.jpg)}
//-->
</style>
<script>
<!--
if (document.images){
after=new Image()
//change the file path below to the image you want applied when the mouse moves over
after.src="2.jpg"
}

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

function jumpto2(url){
window.location=url
}

//-->
</script>

Insert this code before </body>

<form onMouseover="change2('secondimage.jpg')" onMouseout="change2('firstimage.jpg')">
<input type="button" value="Example 1 " class="initial" onClick="jumpto2('URL 1')">
<br>
<input type="button" value="Example 2 " class="initial" onClick="jumpto2('URL 2')">
<br>
<input type="button" value="Example 3 " class="initial" onClick="jumpto2('URL 3')">
<br>
</form>

Modify the table style to fit you website.

Related Resources: