Jak Blikat Tlačítko

Obsah:

Jak Blikat Tlačítko
Jak Blikat Tlačítko

Video: Jak Blikat Tlačítko

Video: Jak Blikat Tlačítko
Video: msp430g2553-blikani-casovac-tlacitko-blinking-casovac-timer-tutorial.mp4 2024, Listopad
Anonim

Blikající tlačítko je prvek webového designu, který pomáhá vytvořit stránku jasnou a atraktivní. Při použití tohoto efektu však musíte myslet na pohodlí uživatelů: nezneužívejte vlnící se „čipy“.

Jak blikat tlačítko
Jak blikat tlačítko

Instrukce

Krok 1

Pokud je požadované tlačítko, představované jako obrázek odkazu a změna barvy po umístění kurzoru, vytvořte jej pomocí tabulky a atributů onMouseOver a onMouseOut.

Knoflík

Krok 2

Blikající tlačítko můžete vytvořit pomocí JavaScriptu. Chcete-li, aby se efekt projevil při najetí myší a zmizel po odebrání kurzoru, použijte následující kód: Záhlaví karty arrColor = ["0", "1", "2", "3", "4", "5 „,„ 6 “,„ 7 “,„ 8 “,„ 9 “,„ a “,„ b “,„ c “,„ d “,„ e “,„ f “]; funkce mouseOut () {for (i = 0; i <13; i ++) setTimeout ('document.blinkbutton.button.style.background = "#' + arrColor [15-i] + '0' + arrColor [15 -i] + 'FFF ";', i * 50); } funkce mouseOver () {for (i = 0; i <15; i ++) setTimeout ('document.blinkbutton.button.style.background = "#' + arrColor + '0' + arrColor + 'F31 ";', i * 50); }

Krok 3

Pokud máte po ruce Adobe Photoshop, můžete efekt blikání provést přímo v grafickém editoru. Chcete-li to provést, vytvořte nový soubor i nové vrstvy, jejichž počet by se měl rovnat součtu rámců. Poté na pravém panelu vyberte první vrstvu „okem“a v nabídce „Okno“otevřete položku „Animace“. Na panelu, který se zobrazí, klikněte na tlačítko duplikátu rámečku, přesuňte „oko“do další vrstvy atd. Klikněte pravým tlačítkem na každý snímek a nastavte čas. Zobrazte náhled výsledku, v případě potřeby jej upravte a uložte ve formátu

Doporučuje: