Kako Natjerati Tipku Da Trepće

Sadržaj:

Kako Natjerati Tipku Da Trepće
Kako Natjerati Tipku Da Trepće

Video: Kako Natjerati Tipku Da Trepće

Video: Kako Natjerati Tipku Da Trepće
Video: Evo kako da prestenete da upijate tuđu negativnu energiju 2024, Maj
Anonim

Trepće dugme je element web dizajna koji pomaže da stranica bude svijetla i atraktivna. Međutim, kada koristite ovaj efekt, morate razmisliti o praktičnosti korisnika: nemojte zloupotrijebiti talasave "čipove".

Kako natjerati tipku da trepće
Kako natjerati tipku da trepće

Instrukcije

Korak 1

Ako je potrebno dugme, predstavljeno u obliku slike veze i promjene boje nakon prelaska kursora, stvorite ga pomoću tablice i atributa onMouseOver i onMouseOut.

Dugme

Korak 2

Pomoću JavaScripta možete napraviti trepćuće dugme. Da bi efekt stupio na snagu kada lebdi miš i nestao nakon uklanjanja kursora, upotrijebite sljedeći kod: Naslov kartice arrColor = ["0", "1", "2", "3", "4", "5 "," 6 "," 7 "," 8 "," 9 "," a "," b "," c "," d "," e "," f "]; funkcija mouseOut () {za (i = 0; i <13; i ++) setTimeout ('document.blinkbutton.button.style.background = "#' + arrColor [15-i] + '0' + arrColor [15 -i] + 'FFF ";', i * 50); } funkcija mouseOver () {za (i = 0; i <15; i ++) setTimeout ('document.blinkbutton.button.style.background = "#' + arrColor + '0' + arrColor + 'F31 ";', i * 50); }

Korak 3

Ako vam je pri ruci Adobe Photoshop, efekt treptanja možete napraviti izravno u grafičkom uređivaču. Da biste to učinili, stvorite novu datoteku, kao i nove slojeve, čiji bi broj trebao biti jednak zbroju okvira. Nakon toga, na desnoj ploči odaberite prvi sloj "okom" i otvorite stavku "Animacija" iz izbornika "Prozor". Na ploči koja će se pojaviti kliknite gumb dupliciranog okvira, pomaknite "oko" na sljedeći sloj itd. Desni klik na svaki kadar i postavite vrijeme. Pregledajte rezultat, po potrebi ga izmijenite i spremite u

Preporučuje se: