»
AnglaisFrançaisVietnamien

Imprimer - Fading Button - JavaScriptBank.com

Version complète: jsB@nk » Form » Button » Fading Button
URL: https://www.javascriptbank.com/fading-button.html

Fading Button © JavaScriptBank.com(Internet Explorer seulement) Déplacez votre la souris sur le bouton et le regarder à la décoloration, puis une autre couleur fade back to original de couleur une fois que vous déplacez votre souris au large. Le message sur la bouton même après le changement que vous cliquez sur celle-ci!

Version complète: jsB@nk » Form » Button » Fading Button
URL: https://www.javascriptbank.com/fading-button.html



JavaScript
<SCRIPT LANGUAGE="JavaScript">// Aidan Samuel (emmaster@yahoo.com)<!-- 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-->


HTML
<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-->