Buttons Effects >>> Fading Button.
Script Categories

Buttons Effects >>> Fading Button.

Move your mouse over the button and watch it fade to another color and then fade back to original color once you move your mouse off. The message on the button will even change after you click on it!

Add the below code to the <body> section of your page:

<script language="javascript" type="text/javascript">
/* Visit http://www.yaldex.com/ for full source code
and get more free JavaScript, CSS and DHTML scripts! */
<!-- 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 = "Get the best JavaScript Editor!";
for (i = 0; i < 12; i++) {
setTimeout('document.myForm.button.style.background = "#'+hexColor[i]+'0'+hexColor[i]+'0c0";', i * 40);
//  End -->
<form name=myForm>
type=button name=button value="Get the best JavaScript Editor!" onMouseOver='mOver()'' onMouseDown='document.myForm.button.value="             Thank You !             "' onClick='window.location="../JSFactory_Pro.htm"' onMouseOut='mOut()'>

Get Advanced
JavaScript and Ajax Editor,
Validator and Debugger!

1st JavaScript Editor.

Code was highlighted by 1st JavaScript Editor (The Best JavaScript Editor!).

SEO optimization.