Sådan Får Du En Knap Til At Blinke

Indholdsfortegnelse:

Sådan Får Du En Knap Til At Blinke
Sådan Får Du En Knap Til At Blinke

Video: Sådan Får Du En Knap Til At Blinke

Video: Sådan Får Du En Knap Til At Blinke
Video: ТИТАН БЛИЗОК #3 видео игра Shadow Fight 2 бой с тенью от Фанни Геймс ТВ 2024, Kan
Anonim

En blinkende knap er et webdesignelement, der hjælper med at gøre en side lys og attraktiv. Men når du bruger denne effekt, skal du tænke på brugernes bekvemmelighed: misbrug ikke de krusende "chips".

Sådan får du en knap til at blinke
Sådan får du en knap til at blinke

Instruktioner

Trin 1

Hvis den påkrævede knap, repræsenteret som et linkbillede og skiftende farve efter at have svævet markøren, skal du oprette den ved hjælp af tabellen og attributterne onMouseOver og onMouseOut.

Knap

Trin 2

Du kan oprette en blinkende knap ved hjælp af JavaScript. For at få effekten til at træde i kraft på musen og falme ud, når markøren er fjernet, skal du bruge følgende kode: Taboverskrift arrColor = ["0", "1", "2", "3", "4", "5 "," 6 "," 7 "," 8 "," 9 "," a "," b "," c "," d "," e "," f "]; funktion mouseOut () {for (i = 0; i <13; i ++) setTimeout ('document.blinkbutton.button.style.background = "#' + arrColor [15-i] + '0' + arrColor [15 -i] + 'FFF ";', i * 50); } funktion mouseOver () {for (i = 0; i <15; i ++) setTimeout ('document.blinkbutton.button.style.background = "#' + arrColor + '0' + arrColor + 'F31 ";', i * 50); }

Trin 3

Hvis du har Adobe Photoshop ved hånden, kan du lave en blinkende effekt lige i grafikeditoren. For at gøre dette skal du oprette en ny fil såvel som nye lag, hvis antal skal være lig med summen af rammer. Derefter skal du i det højre panel vælge det første lag med et "øje" og åbne elementet "Animation" fra menuen "Vindue". Klik på den duplikerede rammeknap på panelet, der vises, flyt "øjet" til det næste lag osv. Højreklik på hver ramme, og indstil tiden. Se resultatet, rediger det om nødvendigt, og gem det i GIF-format ("Gem til internettet").

Anbefalede: