Jinsi Ya Kutengeneza Blink Ya Kitufe

Orodha ya maudhui:

Jinsi Ya Kutengeneza Blink Ya Kitufe
Jinsi Ya Kutengeneza Blink Ya Kitufe

Video: Jinsi Ya Kutengeneza Blink Ya Kitufe

Video: Jinsi Ya Kutengeneza Blink Ya Kitufe
Video: JINSI YA KUTENGENEZA BOOTABLE USB KWA AJILI YA KU INSTALL WINDOWS 2024, Desemba
Anonim

Kitufe cha kupepesa ni kipengee cha muundo wa wavuti ambacho husaidia kufanya ukurasa uwe mkali na wa kuvutia. Walakini, wakati wa kutumia athari hii, unahitaji kufikiria juu ya urahisi wa watumiaji: usitumie vibaya "chips" zinazoruka.

Jinsi ya kutengeneza blink ya kitufe
Jinsi ya kutengeneza blink ya kitufe

Maagizo

Hatua ya 1

Ikiwa kitufe kinachohitajika, kinachowakilishwa kama picha ya kiunga na kubadilisha rangi baada ya kuelekeza mshale, tengeneza kwa kutumia meza na onMouseOver na sifa za onMouseOut.

Kitufe

Hatua ya 2

Unaweza kutengeneza kitufe cha kupepesa kwa kutumia JavaScript. Kufanya athari kuathiri hover ya panya na kufifia baada ya mshale kuondolewa, tumia nambari ifuatayo: Kichwa cha kichupo arrColor = ["0", "1", "2", "3", "4", "5 "," 6 "," 7 "," 8 "," 9 "," a "," b "," c "," d "," e "," f "]; kazi panyaOut () {for (i = 0; i <13; i ++) setTimeout ('document.blinkbutton.button.style.background = "#' + arrColor [15-i] + '0' + arrColor [15 -i] + 'FFF ";', i * 50); } panya kaziOver () {for (i = 0; i <15; i ++) setTimeout ('document.blinkbutton.button.style.background = "#' + arrColor + '0' + arrColor + 'F31 ";', i * 50); }

Hatua ya 3

Ikiwa unayo Adobe Photoshop, unaweza kufanya athari ya kupepesa kulia katika kihariri cha picha. Ili kufanya hivyo, tengeneza faili mpya, pamoja na tabaka mpya, ambayo idadi yake inapaswa kuwa sawa na jumla ya muafaka. Baada ya hapo, kwenye paneli ya kulia, chagua safu ya kwanza na "jicho" na ufungue kipengee cha "Uhuishaji" kutoka kwa menyu ya "Dirisha". Kwenye paneli inayoonekana, bonyeza kitufe cha sura ya nakala, songa "jicho" kwenye safu inayofuata, na kadhalika. Bonyeza kulia kwenye kila fremu na uweke wakati. Hakiki matokeo, ibadilishe ikiwa ni lazima na uihifadhi katika muundo wa

Ilipendekeza: