Paprastai naršymo organizavimui naudojamos grafinės rodyklės svetainėse. Spustelėję tokį rodyklę, einate į kitą puslapį arba kitą dabartinio puslapio skyrių. Kartais kai kurie veiksmai yra susieti su jais - žymos lauko turinio paryškinimas, „JavaScript“scenarijaus paleidimas ir kt. Norėdami pabrėžti, kad ši rodyklė yra aktyvus elementas, naudokite efektą „paryškinti“, t. išvaizdos pokyčiai užvedus pelės žymeklį.
Būtinas
Pagrindinės HTML ir CSS kalbų žinios
Nurodymai
1 žingsnis
Nustatykite, kuris rodyklių paryškinimo mechanizmas jums yra geriausias. Jų yra keletas, du paprasti pateikiami tolesniuose šios instrukcijos veiksmuose. Jie abu naudoja CSS svyravimo pseudo klasę. Kai pelės žymeklis yra virš grafinio elemento (rodyklės), jam taikomas šioje pseudo klasėje aprašytas stilius, o likusį laiką šis stilius nėra aktyvus. Abiem toliau aprašytoms parinktims galite naudoti tą patį HTML kodas, bet skirtingi stiliaus aprašymai. Rodyklės kodą puslapio šaltinyje galima parašyti taip: Atributas „id“nurodo nuorodos identifikatorių (rodyklėA), pagal kurį naršyklė nustatys, kuris iš stiliaus aprašų jam turėtų būti taikomas.
2 žingsnis
Pirmasis variantas pareikalaus dviejų rodyklių vaizdų - su apšvietimu ir be jo. Išsaugokite juos failuose su pavadinimais, pvz., ArrON.
# rodyklėA, # rodyklėA: aplankyta {
rodyti: blokuoti;
aukštis: 30 taškų;
plotis: 100 taškų;
fonas: URL (arrOFF.gif) ne kartoti;
kraštas: 0;
}
a # arrowA: užveskite pelės žymeklį {
fonas: URL (arrON.gif) pakartoti negalima;
kraštas: 0;
}
Pirmajame bloke yra rodyklės matmenys (aukštis: 30 taškų; plotis: 100 taškų;) - pakeiskite juos paruoštų rodyklių vaizdų matmenimis.
3 žingsnis
Antrasis variantas leidžia išsiversti tik su vienu vaizdo failu. Jame turite įdėti abu rodyklės vaizdus - tiek paryškintus, tiek neaktyvius. Galite juos pastatyti vienas šalia kito, galite vienas virš kito. Kodo pavyzdyje darysime prielaidą, kad paryškinta rodyklė dedama po neaktyvia, o failą pavadinote arr.gif. Šis paveikslėlis, kaip ir ankstesnėje versijoje, naudojamas kaip nuorodos fonas. Kadangi objekto matmenys yra nurodyti stiliaus aprašyme, visas fonas (paryškinta rodyklė), kuris į juos netelpa, nebus žinomas interneto naršytojui. Pseudo stiliaus žymeklio aprašyme nurodomas fono paveikslėlio padėties pokytis, todėl užvedus žymeklį ant nuorodos, bus matoma kita sekcija, o dabar pasyvi rodyklė pasirodys „ne ekrane“.
# rodyklėA, # rodyklėA: aplankyta {
rodyti: blokuoti;
plotis: 100 taškų;
aukštis: 30 taškų;
background: url (arr.gif) no-pakartoti;
kraštas: 0;
}
a # arrowA: užveskite pelės žymeklį {
fonas: URL (arr.gif) ne kartoti 31 taškų;
kraštas: 0;
}
Nepamirškite pakeisti dydį ir čia.
