FadinButton
<html> <!-- Date de création: 17/02/2010 --> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1252"> <title>FadinButton</title> <meta name="description" content=""> <meta name="keywords" content=""> <meta name="author" content="Paco Zampano"> <meta name="generator" content="WebExpert 6"> <script language="JavaScript"> <!-- Begin hexColor = ["0","1","2","3","4","5","6","7","8","9","a","b","c","d","e","f"]; function mOver() { for (i = 0; i < 13; i++) { setTimeout('document.myForm.button.style.background = "#'+hexColor[12-i]+'0'+hexColor[12-i]+'0c0";', i * 40); } } function mOut() { document.myForm.button.value = " Click Me! "; for (i = 0; i < 12; i++) { setTimeout('document.myForm.button.style.background = "#'+hexColor[i]+'0'+hexColor[i]+'0c0";', i * 40); } } // End --> </script> </head> <body text="darkslategray" link="white" vlink="red" background="../../../images/frame.jpg" bgcolor="lavenderblush"> <center> <h3>FadinButton</h3> <form name=myForm> <input type=button name=button value=" Click Me! " onMouseOver='mOver();' onMouseDown='document.myForm.button.value="Thank You!"' onMouseOut='mOut()'> </form> </center> </body> </html>