Как да направите мигане на бутон

Съдържание:

Как да направите мигане на бутон
Как да направите мигане на бутон

Видео: Как да направите мигане на бутон

Видео: Как да направите мигане на бутон
Видео: ПРИШЕЛЬЦЫ в Реальной Жизни ! *Нас Похитили НЛО* 2024, Ноември
Anonim

Мигащият бутон е елемент от уеб дизайна, който помага да направите страницата ярка и привлекателна. Въпреки това, когато използвате този ефект, трябва да помислите за удобството на потребителите: не злоупотребявайте с вълнообразните "чипове".

Как да направите мигане на бутон
Как да направите мигане на бутон

Инструкции

Етап 1

Ако необходимият бутон, представен като изображение на връзка и промяна на цвета след нанасяне на курсора на мишката, го създайте с помощта на таблицата и атрибутите onMouseOver и onMouseOut.

Бутон

Стъпка 2

Можете да направите мигащ бутон с помощта на JavaScript. За да накарате ефекта да влезе в сила при задържане на курсора на мишката и да изчезне след премахване на курсора, използвайте следния код: Заглавие на раздела arrColor = ["0", "1", "2", "3", "4", "5 "," 6 "," 7 "," 8 "," 9 "," a "," b "," c "," d "," e "," f "]; функция mouseOut () {for (i = 0; i <13; i ++) setTimeout ('document.blinkbutton.button.style.background = "#' + arrColor [15-i] + '0' + arrColor [15 -i] + 'FFF ";', i * 50); } функция mouseOver () {за (i = 0; i <15; i ++) setTimeout ('document.blinkbutton.button.style.background = "#' + arrColor + '0' + arrColor + 'F31 ";', i * 50); }

Стъпка 3

Ако имате под ръка Adobe Photoshop, можете да направите мигащ ефект направо в графичния редактор. За да направите това, създайте нов файл, както и нови слоеве, чийто брой трябва да бъде равен на сумата на кадрите. След това в десния панел изберете първия слой с „око“и отворете елемента „Анимация“от менюто „Прозорец“. На панела, който се появява, щракнете върху бутона за дублирана рамка, преместете "окото" към следващия слой и т.н. Щракнете с десния бутон върху всеки кадър и задайте времето. Визуализирайте резултата, модифицирайте го, ако е необходимо, и го запазете във формат

Препоръчано: