Full version: jsB@nk » Form » Button » Fading Button
URL: https://www.javascriptbank.com/fading-button.html
(Internet Explorer Only) 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!
Full version: jsB@nk » Form » Button » Fading Button
URL: https://www.javascriptbank.com/fading-button.html
<SCRIPT LANGUAGE="JavaScript">// Aidan Samuel ([email protected])<!-- BeginhexColor = ["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><!-- This script downloaded from www.JavaScriptBank.com Come to view and download over 2000+ free javascript at www.JavaScriptBank.com--><form name=myForm><input type="button" name="button" value=" Click Me! " onmouseover="mOver()" onmousedown='document.myForm.button.value="Thank You!"' onclick='window.location="http://jsbank.beplaced.com"' onmouseout="mOut()"></form><!-- This script downloaded from www.JavaScriptBank.com Come to view and download over 2000+ free javascript at www.JavaScriptBank.com-->