<script language="JavaScript">
<!--
/*
rollover image buttons script credit: Website Abstraction (www.wsabstract.com) More free JavaScripts here. Note:Credit must stay intact for use.
*/
function change2(image){
if (event.srcElement.tagName=="INPUT")
event.srcElement.style.backgroundImage="url"+"('"+image+"')"
}
function jumpto2(url){
window.location=url
}
//-->
</script>
<script language="JavaScript">
<!--
/*
rollover buttons script credit: Website Abstraction (www.wsabstract.com) More free JavaScripts here. Note: Credit must stay intact for use.
*/
function change(color){
if (event.srcElement.tagName=="INPUT")
event.srcElement.style.backgroundColor=color
}
function jumpto(url){
window.location=url
}
//-->
</script>
</head>
<center><h1>More Fancy Buttons</h1></center>
<p>These buttons use JavaScript to change the background image on mouseover.</p>
<center><form onMouseover="change2('back.jpg')" onMouseout="change2('colours.jpg')"><input type="button" value="Click Me!" style="background-image: url(colours.jpg); color:blue; font-weight:bold" onClick="jumpto2('target.htm')">&nbsp;&nbsp;&nbsp;&nbsp;<input type="button" value="Click Me Too!" style="background-image: url(colours.jpg); color:blue; font-weight:bold" onClick="jumpto2('target2.htm')">
</form></center><hr>
<p>With these two buttons, their background <b>colour</b> is changed on mouseover by the JavaScript.</p>
<form onMouseover="change('lightgreen')" onMouseout="change('mediumseagreen')">
<center><input type="button" value="Click Me!" style="background-color:mediumseagreen; font-weight:bold"  onClick="jumpto('target.htm')">&nbsp;&nbsp;&nbsp;&nbsp;
<input type="button" value="Click Me Too!" style="background-color:mediumseagreen; font-weight:bold"  onClick="jumpto('target2.htm')">
</form></center>
