Главная
JavaScript
Контакты
Услуги
Кнопка, появляющаяся при наведении курсора на ссылку
<html> <head> <title>Кнопка, появляющаяся при наведении курсора на ссылку</title> </head> <body> <SCRIPT LANGUAGE="JavaScript"> <!-- 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 = " Нажми! "; for (i = 0; i < 12; i++) { setTimeout('document.myForm.button.style.background = "#'+hexColor[i]+'0'+hexColor[i]+'0c0";', i * 40); } } // End --> </script> <form name=myForm> <input type=button name=button value=" Нажми! " onMouseOver='mOver()'' onMouseDown='document.myForm.button.value="Спасибо!"' onClick='window.location="index.shtml"' onMouseOut='mOut()'> </form> </body> </html>
Дизайн
Scriptic
.