Në mënyrë tipike, shigjetat grafike në faqet e internetit përdoren për të organizuar lundrimin. Kur klikoni në një tregues të tillë, ju shkoni në një faqe tjetër ose në një seksion tjetër të faqes aktuale. Ndonjëherë disa veprime janë të lidhura me to - duke theksuar përmbajtjen e fushës së etiketës, duke lëshuar një skenar JavaScript, etj. Për të theksuar se kjo shigjetë është një element aktiv, përdorni efektin "nxjerr në pah", d.m.th. ndryshimet në pamjen gjatë kalimit të miut.
E nevojshme
Njohuri themelore të gjuhëve HTML dhe CSS
Udhëzimet
Hapi 1
Përcaktoni se cili mekanizëm për zbatimin e theksimit të shigjetës është më i miri për ju. Ka disa prej tyre, dy të thjeshta janë dhënë në hapat vijues të këtij udhëzimi. Ata të dy përdorin pseudo-klasën hover të CSS. Kur kursori i miut është mbi një element grafik (shigjetë), stili i përshkruar në këtë klasë pseudo zbatohet në të, dhe pjesën tjetër të kohës ky stil nuk është aktiv. Për të dy opsionet e përshkruara më poshtë, mund të përdorni të njëjtën HTML kod, por përshkrime të stileve të ndryshme. Kodi i shigjetës në burimin e faqes mund të shkruhet si më poshtë: Karakteristika id specifikon identifikuesin e lidhjes (arrowA), me anë të të cilit shfletuesi do të përcaktojë se cili nga përshkrimet e stilit duhet të zbatohet në të.
Hapi 2
Opsioni i parë do t'ju kërkojë të përgatitni dy imazhe shigjeta - me dhe pa ndriçim të ndezur. Ruajini ato në skedarë me emra të tillë përkatësisht arrON.
një # shigjetëA, një # shigjetëA: vizituar {
ekran: bllok;
lartësia: 30px;
gjerësia: 100px;
sfondi: url (arrOFF.gif) pa përsëritje;
kufiri: 0;
}
një shigjetë #A: rri pezull {
sfondi: url (arrON.gif) pa përsëritje;
kufiri: 0;
}
Blloku i parë përmban dimensionet e shigjetës (lartësia: 30px; gjerësia: 100px;) - zëvendësoni ato me dimensionet e imazheve të shigjetave të përgatitura.
Hapi 3
Opsioni i dytë ju lejon të kaloni me vetëm një skedar imazhi. Ju duhet të vendosni të dy imazhet e shigjetës në të - të theksuara dhe joaktive. Mund t’i vendosni krah për krah, mund të jeni njëri mbi tjetrin. Në shembullin e kodit, ne do të supozojmë se shigjeta e theksuar vendoset nën atë joaktive, dhe skedari quhet arr.
një # shigjetëA, një # shigjetëA: vizituar {
ekran: bllok;
gjerësia: 100px;
lartësia: 30px;
sfondi: url (arr.gif) pa përsëritje;
kufiri: 0;
}
një shigjetë #A: rri pezull {
sfondi: url (arr.gif) pa përsëritje 31px;
kufiri: 0;
}
Mos harroni të ndryshoni madhësinë edhe këtu.
