Kaip Priversti Mygtuką Mirksėti

Turinys:

Kaip Priversti Mygtuką Mirksėti
Kaip Priversti Mygtuką Mirksėti

Video: Kaip Priversti Mygtuką Mirksėti

Video: Kaip Priversti Mygtuką Mirksėti
Video: ASUS WS C621E SAGE Первый запуск и первые проблемы 2024, Gegužė
Anonim

Mirksintis mygtukas yra interneto dizaino elementas, padedantis padaryti puslapį ryškų ir patrauklų. Tačiau, naudojant šį efektą, reikia galvoti apie vartotojų patogumą: nepiktnaudžiaukite banguojančiomis „mikroschemomis“.

Kaip priversti mygtuką mirksėti
Kaip priversti mygtuką mirksėti

Nurodymai

1 žingsnis

Jei reikalingas mygtukas, vaizduojamas kaip nuorodos vaizdas ir pakeičiantis spalvą užvedus žymeklį, sukurkite jį naudodami lentelę ir atributus „onMouseOver“ir „onMouseOut“.

Mygtukas

2 žingsnis

Galite padaryti mirksintį mygtuką naudodami „JavaScript“. Kad efektas įsigaliotų pelės užvedimo atveju ir išnyktų pašalinus žymeklį, naudokite šį kodą: skirtuko antraštė arrColor = ["0", "1", "2", "3", "4", "5 "," 6 "," 7 "," 8 "," 9 "," a "," b "," c "," d "," e "," f "]; funkcija 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); }

3 žingsnis

Jei turite „Adobe Photoshop“po ranka, galite atlikti mirksėjimo efektą tiesiai grafikos redaktoriuje. Norėdami tai padaryti, sukurkite naują failą ir naujus sluoksnius, kurių skaičius turėtų būti lygus kadrų sumai. Po to dešiniajame skydelyje „akis“pasirinkite pirmąjį sluoksnį ir meniu „Langas“atidarykite elementą „Animacija“. Pasirodžiusiame skydelyje spustelėkite rėmelio kopijos mygtuką, perkelkite „akį“į kitą sluoksnį ir pan. Dešiniuoju pelės mygtuku spustelėkite kiekvieną rėmelį ir nustatykite laiką. Peržiūrėkite rezultatą, prireikus pakeiskite ir išsaugokite

Rekomenduojamas: