Инструкция
1
Если нужная кнопка, представленная в виде картинки-ссылки и меняющая цвет после наведения курсора, создайте ее с помощью таблицы и атрибутов onMouseOver и onMouseOut. <table><tr><td background="Адрес картинки" alt="картинка" width="155" height="40" onMouseOver="this.style.background='#cd1180'" onMouseOut="this.style.background='#5f165d'"><a href="Адрес ссылки" target=_blank style="color: c7b9c7"><div align="right">Кнопка</div> </font></a> </td></tr><table>
2
Сделать мигающую кнопку можно с использованием JavaScript. Чтобы эффект начинал действовать при наведении мыши, а затухал после того, как курсор будет убран, используйте следующий код:<html><head><title>Заголовок вкладки</title> <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> </head> <body> <form name = "blinkbutton"> <input type="button" name="button" value="Кнопка" onMouseOver='mouseOver()' onMouseOut='mouseOut()' style="background-color: #1400FF "> </form></body></html>
3
Если под рукой есть Adobe Photoshop, то сделать мигающий эффект можно прямо в графическом редакторе. Для этого создайте новый файл, а также новые слои, количество которых должно быть равным сумме кадров. После этого на правой панели выделите «глазиком» первый слой и откройте из меню «Окно» пункт «Анимация». На появившейс панели нажмите кнопку дублирования фрейма, переставьте «глазик» на следующий слой и т.д. Правой кнопкой мыши щелкните по каждому кадру и задайте время. Просмотрите полученный результат, при необходимости доработайте и сохраните в формате GIF («Сохранить для Web»).
Видео по теме