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
Hiệ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
<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-->