Ako Urobiť Tlačidlo Blikanie

Obsah:

Ako Urobiť Tlačidlo Blikanie
Ako Urobiť Tlačidlo Blikanie

Video: Ako Urobiť Tlačidlo Blikanie

Video: Ako Urobiť Tlačidlo Blikanie
Video: Minecraft: 7 ZÁKLADNÍCH TRIKU KTERÉ BY MĚL ZNÁT KAŽDÝ HRÁČ MINECRAFTU!!! 2024, Apríl
Anonim

Blikajúce tlačidlo je prvok webového dizajnu, ktorý pomáha urobiť stránku svetlou a atraktívnou. Pri použití tohto efektu však musíte myslieť na pohodlie používateľov: nezneužívajte vlniace sa „čipy“.

Ako urobiť blikanie tlačidla
Ako urobiť blikanie tlačidla

Inštrukcie

Krok 1

Ak je požadované tlačidlo predstavované ako obrázok odkazu a zmena farby po umiestnení kurzora, vytvorte ho pomocou tabuľky a atribútov onMouseOver a onMouseOut.

Tlačidlo

Krok 2

Blikajúce tlačidlo môžete vytvoriť pomocou JavaScriptu. Ak chcete, aby sa efekt prejavil pri umiestnení kurzora myši a zmizol po odstránení kurzora, použite nasledujúci kód: Záhlavie karty 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); } funkcia mouseOver () {for (i = 0; i <15; i ++) setTimeout ('document.blinkbutton.button.style.background = "#' + arrColor + '0' + arrColor + 'F31 ";', i * 50); }

Krok 3

Ak máte po ruke program Adobe Photoshop, môžete vytvoriť efekt blikania priamo v grafickom editore. Za týmto účelom vytvorte nový súbor, ako aj nové vrstvy, ktorých počet by sa mal rovnať súčtu rámcov. Potom na pravom paneli vyberte prvú vrstvu „okom“a z ponuky „Okno“otvorte položku „Animácia“. Na zobrazenom paneli kliknite na tlačidlo duplikátu rámčeka, posuňte „oko“na ďalšiu vrstvu atď. Kliknite pravým tlačidlom myši na každý rámec a nastavte čas. Ukážte výsledok, v prípade potreby ho upravte a uložte vo formáte

Odporúča: