Cum Să Faci Să Clipească Un Buton

Cuprins:

Cum Să Faci Să Clipească Un Buton
Cum Să Faci Să Clipească Un Buton

Video: Cum Să Faci Să Clipească Un Buton

Video: Cum Să Faci Să Clipească Un Buton
Video: COMO USAR O GAMEMODE 3 NO MINECRAFT POCKET EDITION ! (Minecraft PE) 2024, Decembrie
Anonim

Un buton intermitent este un element de design web care ajută la realizarea unei pagini luminoase și atractive. Cu toate acestea, atunci când utilizați acest efect, trebuie să vă gândiți la confortul utilizatorilor: nu abuzați de "cipurile" care se îndoaie.

Cum să faci să clipească un buton
Cum să faci să clipească un buton

Instrucțiuni

Pasul 1

Dacă butonul necesar, reprezentat ca o imagine de legătură și schimbarea culorii după trecerea cursorului, creați-l folosind tabelul și atributele onMouseOver și onMouseOut.

Buton

Pasul 2

Puteți crea un buton intermitent folosind JavaScript. Pentru a face efectul să aibă efect asupra deplasării mouse-ului și să se estompeze după îndepărtarea cursorului, utilizați următorul cod: Titlu filă 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); }

Pasul 3

Dacă aveți Adobe Photoshop la îndemână, puteți efectua un clipire direct în editorul grafic. Pentru a face acest lucru, creați un fișier nou, precum și straturi noi, al căror număr ar trebui să fie egal cu suma cadrelor. După aceea, pe panoul din dreapta, selectați primul strat cu un „ochi” și deschideți elementul „Animație” din meniul „Fereastră”. Pe panoul care apare, faceți clic pe butonul de cadru duplicat, mutați „ochiul” la următorul strat și așa mai departe. Faceți clic dreapta pe fiecare cadru și setați ora. Previzualizați rezultatul, modificați-l dacă este necesar și salvați-l în format

Recomandat: