JavaScript Rollover buttons
JavaScript
Download (.zip)
<html> <head>
<style> <!-- /*change the color name below to the color you want initially applied to the button. ie:blue*/
.initial2{font-weight:bold;background-color:lime} //--> </style>
<script> <!--
function change(color){ var el=event.srcElement if (el.tagName=="INPUT"&&el.type=="button") event.srcElement.style.backgroundColor=color }
function jumpto2(url){ window.location=url }
//--> </script> </head>
<body> <br> <form onMouseover="change('yellow')" onMouseout="change('lime')"> <input type="button" value="Yahoo " class="initial2" onClick="jumpto2('http://yahoo.com/')"> <input type="button" value="Geocities " class="initial2" onClick="jumpto2('http://geocities.com/')"> <input type="button" value="ABC News " class="initial2" onClick="jumpto2('http://abcnews.com/')"> </form>
</body> </html>
|