Ինչպես կոճակը թարթել

Բովանդակություն:

Ինչպես կոճակը թարթել
Ինչպես կոճակը թարթել

Video: Ինչպես կոճակը թարթել

Video: Ինչպես կոճակը թարթել
Video: Ինչպես տեղադրել ջինսի կոճակը 2024, Մայիս
Anonim

Թարթող կոճակը վեբ ձևավորման տարր է, որն օգնում է էջը դարձնել պայծառ ու գրավիչ: Այնուամենայնիվ, այս էֆեկտն օգտագործելիս պետք է մտածել օգտագործողների հարմարության մասին. Մի չարաշահեք ծածանվող «չիպսերը»:

Ինչպես կոճակը թարթել
Ինչպես կոճակը թարթել

Հրահանգներ

Քայլ 1

Եթե պահանջվող կոճակը, որը ներկայացված է որպես հղման պատկեր և կուրսորը սավառնելուց հետո գույն է փոխում, ապա այն ստեղծեք օգտագործելով աղյուսակը և onMouseOver և onMouseOut հատկանիշները:

Կոճակ

Քայլ 2

Կարող եք թարթել կոճակ պատրաստել ՝ օգտագործելով JavaScript: Կուրսորը հեռացնելուց հետո էֆեկտն ազդելու և մարելու համար օգտագործեք հետևյալ կոդը ՝ Tab heading arrColor = [«0», «1», «2», «3», «4», «5 "," 6 "," 7 "," 8 "," 9 "," a "," b "," c "," d "," e "," f "]; գործառույթը 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

Եթե ձեռքի տակ ունեք Adobe Photoshop, կարող եք թարթող ազդեցություն թողնել հենց գրաֆիկական խմբագրում: Դա անելու համար ստեղծեք նոր ֆայլ, ինչպես նաև նոր շերտեր, որոնց թիվը պետք է հավասար լինի շրջանակների գումարին: Դրանից հետո, աջ վահանակի վրա, ընտրեք առաջին շերտը «աչքով» և «Պատուհան» ընտրացանկից բացեք «Շարժապատկեր» կետը: Հայտնվող վահանակի վրա կտտացրեք կրկնօրինակ շրջանակի կոճակին, «աչքը» տեղափոխեք հաջորդ շերտ և այլն: Աջ կտտացրեք յուրաքանչյուր շրջանակի վրա և սահմանեք ժամանակը: Նախադիտեք արդյունքը, անհրաժեշտության դեպքում փոփոխեք և պահեք

Խորհուրդ ենք տալիս: