Nekateri elementi spletnih strani spremenijo videz, ko lebdijo z miško - to jim privzeto predpišejo nastavitve jezika HTML (HyperText Markup Language - "Hypertext Markup Language"). Ta jezik ima orodja, ki omogočajo spreminjanje enakih nastavitev za druge elemente strani. Če je potrebno, lahko za ta namen uporabite CSS (Cascading Style Sheets) in odjemalski skriptni jezik JavaScript.
Navodila
Korak 1
Z atributom style nastavite spremenljivko kazalca v oznaki predmeta spletne strani, ki vas zanima. Na primer, kodo HTML vnosnega besedilnega polja, ki brskalniku obiskovalca naroči, naj spremeni videz kurzorja na enak način kot pri lebdenju nad povezavo, lahko zapišemo tako:
2. korak
Na seznamu veljavnih vrednosti za parameter kurzorja izberite želeni videz kazalca. V primeru, prikazanem v prejšnjem koraku, je uporabljena vrednost kazalca - vrednost hand ima popolnoma enak učinek. Poleg teh dveh vrednosti so na voljo še naslednje možnosti za prikaz kurzorja: križ, e-velikost, pomoč, premik, n-velikost, ne-velikost, nw-resize, napredek, s-resize, se-resize, sw-resize, text, w -resize, počakajte. Če želite na primer, da bo kazalec v zgornjem vzorcu kode videti kot puščica z dvema glavama od zgornje leve proti spodnji desni, namesto kazalca uporabite nw-resize:
Črke pred vrednostjo velikosti pomagajo določiti, v katere smeri puščica je usmerjena s to vrednostjo - kot na kompasu ustrezajo oznakam glavnih točk. Na primer, nw pomeni severozahod (severozahod), s za jug (jug) itd.
3. korak
Če ste naložili svojo sliko kazalca v izvorni obliki zapisa cur, uporabite URL datoteke namesto vnaprej določenih vrednosti. Če želite to narediti, uporabite naslednjo skladnjo:
<input style = "kurzor: url (https://someSite.ru/someCursor.cur) "/>
Če se datoteka nahaja v isti mapi s stranjo ali v podmapi, lahko namesto absolutnega naslova določite relativni.
4. korak
Če želite spremeniti videz kurzorja z uporabo JavaScript, uporabite atribut onmouseover. Na primer:
Ta koda bo delovala enako kot vzorec v drugem koraku.