Описание: Достаточно простой скрипт, основанный на таймерах JavaScript. Всё, что он делает, так это при наведении мышки начинает переливаться цветом, а при отвода кнопки мыши от кнопки, начинается обратное действие. В общем, смотрите на результат.
Результат работы:
Наведите мышкой на кнопку.
Код javascript (вставлять между тегами <head> и </head>):
<script language = "javascript">
arrColor = ["0", "1", "2", "3", "4", "5", "6", "7", "8", "9", "a", "b", "c", "d", "e", "f"];
function mouseOut() {
for (i = 0; i < 13; i++)
setTimeout ('document.blinkbutton.button.style.background = "#'+arrColor[15-i]+'0'+arrColor[15-i]+'FFF";', i * 50);
}
function mouseOver() {
for (i = 0; i < 15; i++)
setTimeout ('document.blinkbutton.button.style.background = "#'+arrColor[i]+'0'+arrColor[i]+'F31";', i * 50);
}
</script>
Код HTML (вставлять между тегами <body> и </body>):
<form name = "blinkbutton">
<input type="button" name="button" value=" Наведи мышку " onMouseOver='mouseOver()'onMouseOut='mouseOut()' style="background-color: #1400FF">
</form>