İÇERİK KODU

<!--  http://www.kodkeyfi -->

// Style Code ...
<style type="text/css">

input.groovybutton
{
   font-size:11px;
   font-family:Verdana,sans-serif;
   font-weight:bold;
   color:#888888;
   width:100px;
   background-color:#EEEEEE;
   border-style:solid;
   border-color:#BBBBBB;
   border-width:1px;
}

</style>

<script language="javascript">

function goLite(FRM,BTN)
{
   window.document.forms[FRM].elements[BTN].style.color = "#6666AA";
   window.document.forms[FRM].elements[BTN].style.backgroundColor = "#EEEEF4";
   window.document.forms[FRM].elements[BTN].style.borderColor = "#9999DD";
}

function goDim(FRM,BTN)
{
   window.document.forms[FRM].elements[BTN].style.color = "#888888";
   window.document.forms[FRM].elements[BTN].style.backgroundColor = "#EEEEEE";
   window.document.forms[FRM].elements[BTN].style.borderColor = "#BBBBBB";
}

</script>

//  Buton Code ...

<form name="groovyform">
<input
   type="button"
   name="groovybtn1"
   class="groovybutton"
   value="Buton"
   title=""
   onMouseOver="goLite(this.form.name,this.name)"
   onMouseOut="goDim(this.form.name,this.name)">
</form>

<!--  http://www.kodkeyfi.tr.gg -->

AÇIKLAMALAR :

Masunuz ile buton üzerine gelince değişen buton sitili.