Com Fer Parpellejar Un Botó

Taula de continguts:

Com Fer Parpellejar Un Botó
Com Fer Parpellejar Un Botó

Vídeo: Com Fer Parpellejar Un Botó

Vídeo: Com Fer Parpellejar Un Botó
Vídeo: SQWOZ BAB & The First Station – АУФ (AUF) 2024, Maig
Anonim

Un botó parpellejant és un element de disseny web que ajuda a fer una pàgina brillant i atractiva. No obstant això, quan utilitzeu aquest efecte, heu de pensar en la comoditat dels usuaris: no abuseu dels "xips" ondulants.

Com fer parpellejar un botó
Com fer parpellejar un botó

Instruccions

Pas 1

Si el botó requerit, representat com a imatge d’enllaç i canviant de color després de passar el cursor, creeu-lo mitjançant la taula i els atributs onMouseOver i onMouseOut.

Botó

Pas 2

Podeu fer un botó parpellejant amb JavaScript. Per fer que l'efecte tingui efecte en passar el cursor sobre el ratolí i esvaeixi després de treure el cursor, utilitzeu el codi següent: Capçalera de la pestanya 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); }

Pas 3

Si teniu Adobe Photoshop a mà, podeu fer un efecte parpellejant directament a l’editor de gràfics. Per fer-ho, creeu un fitxer nou, així com capes noves, el nombre de les quals ha de ser igual a la suma de fotogrames. Després, al tauler dret, seleccioneu la primera capa amb un "ull" i obriu l'element "Animació" al menú "Finestra". Al tauler que apareix, feu clic al botó de marc duplicat, moveu l '"ull" a la capa següent, etc. Feu clic amb el botó dret a cada fotograma i configureu l'hora. Previsualitzeu el resultat, modifiqueu-lo si cal i deseu-lo en format

Recomanat: