JavaScript Button Animation

 

The following script will produce an "animated button".

Without your mouse being over the button, the dull button image is displayed (normal_image). If you put your mouse over the button, a brighter button image is displayed (roll_over_image).

Try it out below!

 

Example

 

Click for FREE JavaScript PHP ASP!

 

Script Source

 

<Under the head section>

<script type="text/javascript">
function mouseOver()
{
document.b1.src ="roll_over_image_location_here"
}
function mouseOut()
{
document.b1.src ="normal_image_location_here"
}
// Script by www.wizzardweb.co.uk
// Please do not remove this information -- Copyright 2007

</script>

 

<Under the body section>

<a href="https://www.wizzardweb.co.uk" target="_blank">
<img border="0" alt="Click for FREE JavaScript PHP ASP!" src="normal_image_location_here " name="b1" width="111" height="32" onmouseover="mouseOver()" onmouseout="mouseOut()" /></a>

 

Please note: The "onmouseover" and "onmouseout" attributes are not supported in Netscape Navigator 6.0

 

 

Please let me know if this script was helpful to you.

[rating]