Kuinka Painike Vilkkuu

Sisällysluettelo:

Kuinka Painike Vilkkuu
Kuinka Painike Vilkkuu

Video: Kuinka Painike Vilkkuu

Video: Kuinka Painike Vilkkuu
Video: Kuinka pelko aiheuttaa sytokiinimyrskyn? 2024, Saattaa
Anonim

Vilkkuva painike on verkkosivujen elementti, joka auttaa tekemään sivusta kirkkaan ja houkuttelevan. Tätä vaikutusta käytettäessä sinun on kuitenkin mietittävä käyttäjien mukavuutta: älä käytä väärin aaltoilevia "siruja".

Kuinka painike vilkkuu
Kuinka painike vilkkuu

Ohjeet

Vaihe 1

Jos vaadittu painike, joka näkyy linkkikuvana ja vaihtaa väriä kohdistimen vietämisen jälkeen, luo se taulukon ja onMouseOver- ja onMouseOut-määritteiden avulla.

Painike

Vaihe 2

Voit tehdä vilkkuvan painikkeen JavaScriptin avulla. Jotta vaikutus tulisi voimaan hiiren osoittimen kohdalla ja haalistuu, kun kohdistin on poistettu, käytä seuraavaa koodia: Sarkainotsikko 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); }

Vaihe 3

Jos sinulla on käsillä Adobe Photoshop, voit tehdä vilkkuvan vaikutelman suoraan grafiikkaeditorissa. Voit tehdä tämän luomalla uuden tiedoston sekä uudet tasot, joiden lukumäärän on oltava yhtä suuri kuin kehysten summa. Sen jälkeen oikeassa paneelissa valitse ensimmäinen kerros "silmällä" ja avaa "Animaatio" -ikkuna "Ikkuna" -valikosta. Napsauta näkyviin tulevassa paneelissa kaksoiskehyspainiketta, siirrä "silmä" seuraavalle tasolle ja niin edelleen. Napsauta hiiren kakkospainikkeella kutakin kehystä ja aseta aika. Esikatsele tulosta, muokkaa sitä tarvittaessa ja tallenna se GIF-muotoon (“Tallenna verkkoon”).

Suositeltava: