This script animates a button when you move the mouse over it.
<style>
<!--
/*change the color name below to the color you want initially applied to the button. ie:blue*/
.mybutton{font-weight:bold;background-color:lime}
//-->
</style>
<form onMouseover="change('yellow')" onMouseout="change('lime')">
<p>
<input type="button" value="www.WebDesignToolkit.net" class="mybutton" onClick="jumpto('http://www.webdesigntoolkit.net')">
<input type="button" value="JDR-net" class="mybutton"
onClick="jumpto('http://www.jdr-net.net')">
</p>
</form>
<script>
<!--
function change(color){
var el=event.srcElement
if (el.tagName=="INPUT"&&el.type=="button")
event.srcElement.style.backgroundColor=color
}
function jumpto(url){
window.location=url
}
//-->
</script>