Jak Sprawić, By Przycisk Migał?

Spisu treści:

Jak Sprawić, By Przycisk Migał?
Jak Sprawić, By Przycisk Migał?

Wideo: Jak Sprawić, By Przycisk Migał?

Wideo: Jak Sprawić, By Przycisk Migał?
Wideo: Kurs Arduino #6: Przyciski - Prawidłowe podłączenie i obsługa 2024, Grudzień
Anonim

Migający przycisk to element projektowania stron internetowych, który sprawia, że strona jest jasna i atrakcyjna. Jednak korzystając z tego efektu, musisz pomyśleć o wygodzie użytkowników: nie nadużywaj falujących „żetonów”.

Jak sprawić, by przycisk migał?
Jak sprawić, by przycisk migał?

Instrukcje

Krok 1

Jeśli wymagany przycisk, reprezentowany jako obraz łącza i zmieniający kolor po najechaniu kursorem, utwórz go za pomocą tabeli i atrybutów onMouseOver i onMouseOut.

Przycisk

Krok 2

Możesz zrobić migający przycisk za pomocą JavaScript. Aby efekt zadziałał po najechaniu myszą i zniknął po usunięciu kursora, użyj następującego kodu: Tab nagłówek 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 + '0' + arrColor + ' F31 "; ', i * 50); }

Krok 3

Jeśli masz pod ręką Adobe Photoshop, możesz stworzyć efekt mrugania bezpośrednio w edytorze graficznym. W tym celu utwórz nowy plik, a także nowe warstwy, których liczba powinna być równa sumie klatek. Następnie w prawym panelu wybierz pierwszą warstwę z „okiem” i otwórz element „Animacja” z menu „Okno”. Na wyświetlonym panelu kliknij przycisk powielania ramki, przenieś „oko” do następnej warstwy i tak dalej. Kliknij prawym przyciskiem myszy każdą klatkę i ustaw czas. Wyświetl podgląd wyniku, zmodyfikuj go w razie potrzeby i zapisz w formacie

Zalecana: