»
Tiếng AnhTiếng PhápTiếng Việt

In - Nút đổi màu - JavaScriptBank.com

Phiên bản đầy đủ: jsB@nk » Biểu mẫu » Nút nhấn » Nút đổi màu
URL: https://www.javascriptbank.com/fading-button.html

Nút đổi màu © JavaScriptBank.comHiệu ứng tạo một nút nhấn có khả năng đổi màu khi người dùng rê con trỏ chuột đến, bạn có thể thay đổi màu cùng với thời gian hiển thị của hiệu ứng JavaScript này dễ dàng.

Phiên bản đầy đủ: jsB@nk » Biểu mẫu » Nút nhấn » Nút đổi màu
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-->