Hvordan Få En Knapp Til å Blinke

Innholdsfortegnelse:

Hvordan Få En Knapp Til å Blinke
Hvordan Få En Knapp Til å Blinke

Video: Hvordan Få En Knapp Til å Blinke

Video: Hvordan Få En Knapp Til å Blinke
Video: Se her, hvordan du nulstiller et access point 2024, November
Anonim

En blinkende knapp er et webdesignelement som hjelper til med å gjøre en side lys og attraktiv. Når du bruker denne effekten, må du imidlertid tenke på brukernes bekvemmelighet: Ikke misbruk de rislende "sjetongene".

Hvordan få en knapp til å blinke
Hvordan få en knapp til å blinke

Bruksanvisning

Trinn 1

Hvis ønsket knapp, representert som et lenkebilde og endring av farge etter at du har holdt markøren, kan du opprette den ved hjelp av tabellen og attributtene onMouseOver og onMouseOut.

Knapp

Steg 2

Du kan lage en blinkende knapp ved hjelp av JavaScript. For å få effekten til å virke på musen og falme ut etter at markøren er fjernet, bruk følgende kode: Taboverskrift arrColor = ["0", "1", "2", "3", "4", "5 "," 6 "," 7 "," 8 "," 9 "," a "," b "," c "," d "," e "," f "]; funksjon mouseOut () {for (i = 0; i <13; i ++) setTimeout ('document.blinkbutton.button.style.background = "#' + arrColor [15-i] + '0' + arrColor [15 -i] + 'FFF ";', i * 50); } funksjon mouseOver () {for (i = 0; i <15; i ++) setTimeout ('document.blinkbutton.button.style.background = "#' + arrColor + '0' + arrColor + 'F31 ";', i * 50); }

Trinn 3

Hvis du har Adobe Photoshop for hånden, kan du få en blinkende effekt rett i grafikkeditoren. For å gjøre dette, opprett en ny fil, så vel som nye lag, hvor antallet skal være lik summen av rammer. Etter det, på høyre panel, velg det første laget med et "øye" og åpne "Animasjon" -elementet fra "Window" -menyen. Klikk på duplikatrammeknappen på panelet som vises, flytt "øyet" til neste lag og så videre. Høyreklikk på hver ramme og still inn tiden. Forhåndsvisning av resultatet, modifiser det om nødvendig og lagre det i GIF-format ("Lagre for Internett").

Anbefalt: