Kako Spremenite Kazalec Miške

Kazalo:

Kako Spremenite Kazalec Miške
Kako Spremenite Kazalec Miške

Video: Kako Spremenite Kazalec Miške

Video: Kako Spremenite Kazalec Miške
Video: Власть (1 серия "Спасибо") 2024, April
Anonim

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.

Kako spremenite kazalec miške
Kako spremenite kazalec miške

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.

Priporočena: