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!




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
// Please do not remove this information -- Copyright 2007



<Under the body section>

<a href="" 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.