Paano Gumawa Ng Isang Pindutan Ng Blink

Talaan ng mga Nilalaman:

Paano Gumawa Ng Isang Pindutan Ng Blink
Paano Gumawa Ng Isang Pindutan Ng Blink

Video: Paano Gumawa Ng Isang Pindutan Ng Blink

Video: Paano Gumawa Ng Isang Pindutan Ng Blink
Video: Paano mag install ng lever type toilet flushing kit ng tangke /WATER CLOSET 🛠️🚽🤔? 2024, Nobyembre
Anonim

Ang isang blinking button ay isang elemento ng disenyo ng web na makakatulong na gawing maliwanag at kaakit-akit ang isang pahina. Gayunpaman, kapag ginagamit ang epektong ito, kailangan mong mag-isip tungkol sa kaginhawaan ng mga gumagamit: huwag abusuhin ang mga nagkakalog na "chips".

Paano gumawa ng isang pindutan ng blink
Paano gumawa ng isang pindutan ng blink

Panuto

Hakbang 1

Kung ang kinakailangang pindutan, kinakatawan bilang isang imahe ng link at pagbabago ng kulay pagkatapos ng pag-hover ng cursor, likhain ito gamit ang talahanayan at mga onMouseOver at onMouseOut na mga katangian.

Pindutan

Hakbang 2

Maaari kang gumawa ng isang blinking button gamit ang JavaScript. Upang maisagawa ang epekto sa hover ng mouse at maglaho pagkatapos na alisin ang cursor, gamitin ang sumusunod na code: Tab heading arrColor = ["0", "1", "2", "3", "4", "5 "," 6 "," 7 "," 8 "," 9 "," a "," b "," c "," d "," e "," f "]; function mouseOut () {para (i = 0; i <13; i ++) setTimeout ('document.blinkbutton.button.style.background = "#' + arrColor [15-i] + '0' + arrColor [15 -i] + 'FFF ";', i * 50); } function mouseOver () {para sa (i = 0; i <15; i ++) setTimeout ('document.blinkbutton.button.style.background = "#' + arrColor + '0' + arrColor + 'F31 ";', i * 50); }

Hakbang 3

Kung mayroon ka ng Adobe Photoshop, maaari kang gumawa ng isang blinking effect sa kanan sa editor ng graphics. Upang gawin ito, lumikha ng isang bagong file, pati na rin ang mga bagong layer, ang bilang nito ay dapat na katumbas ng kabuuan ng mga frame. Pagkatapos nito, sa kanang panel, piliin ang unang layer na may isang "mata" at buksan ang item na "Animation" mula sa menu na "Window". Sa lilitaw na panel, i-click ang duplicate na pindutan ng frame, ilipat ang "mata" sa susunod na layer, at iba pa. Mag-right click sa bawat frame at itakda ang oras. I-preview ang resulta, baguhin ito kung kinakailangan at i-save ito sa format ng

Inirerekumendang: