Hogyan változtassuk meg az egérmutatót a weboldalon

Alapértelmezésben a kurzort, amelyet weblapokon, az a nyíl formájában, vagy a kiterjesztett mutatóujját a jobb keze, ami megjelenik, ha a felhasználó lebeg az egérmutatót a link.

Általában ez a teljes kiválasztási és korlátozott.

A gyakorlatban azonban vannak olyan helyzetek, hogy szeretnék változtatni az alapértelmezett kijelző a kurzor, amikor felhasználói beavatkozás. Szeretném megváltoztatni a megjelenését.

Ennélfogva felmerül a kérdés, hogyan kell csinálni, és milyen eszközökkel?

Ha beszélünk a változó megjelenése a kurzort használható weblapok, a képesség, hogy ez ad nekünk a CSS technológiával. Ebben a cikkben szeretnék, hogy hogyan lehet ezt megtenni.

De szeretném figyelmeztetni, hogy a változás a megjelenése az egér kurzor, amely az alapértelmezett, akkor kell, hogy legyen nagyon óvatos.

Miért? Mivel a kurzort, hogy változni fog a külsőt a rossz helyen, rossz időben félrevezető lehet.

Például ha biztos, hogy, ha lebeg az egeret a link válik fordított homokóra ikon, a felhasználó úgy gondolja, hogy az oldal nem töltődik be, stb

Így használja ezt a lehetőséget óvatosan.

Tehát, egy különleges CSS tulajdonság, amely lehetővé teszi, hogy módosítsa a megjelenését a kurzort a helyszínen, a következő szintaxist:

Ez a kifejezés azt jelenti, hogy az egér lehetnek:

1) Válassza ki a listából a kulcsszavakat, amelyek mindegyike meghatároz egy adott design a kurzor

2), melyek egy speciális fájl a kurzor kép

3) örökölt a szülő sejteket.

A megjelenése a kurzort a kulcsszavak listáját:

Így el lehet képzelni, milyen a megjelenés lesz a kurzort, attól függően, hogy a kulcsszó, hogy a használni kívánt, szeretnék, hogy egy külön táblázatban az értékek:

Minden érték megfelel egy bizonyos kijelző kurzort.

Ebben a példában, ha lebeg a kurzort szövegbekezdést, ez meg fogja változtatni a megjelenését.

A megjelenése a kurzort a fájl:

Ezen túlmenően, a megjelenése a kurzort lehet beállítani ágmegadás egy fájl, ami tartalmazza az eredeti képet a kurzor.

Képfájlokat kurzorok könnyen megtalálható az interneten.

Íme egy példa arra, hogyan lehet kihasználni ezt a lehetőséget.

Amennyiben name.cur - nevét és kiterjesztését az egér, amit használni kíván.

Öröklik a megjelenése a kurzor:

Végül a kurzort lehet ön a szüleitől örökölt. Például,

Bár a megjelenése a kurzor jelölték ki a div tag, de mégis, ha lebeg a kurzort egy paragrafus

, A kurzor a megjelenését.

Ebből következik, hogy a kurzor tulajdonság öröklődik, és ha be van állítva a body tag, a megjelenése a kurzor átvált egy egész weboldal egészére.

Ezek a lehetőségek CSS biztosítja számunkra a technológia dolgozni kurzorok.

Ha szeretné megismerni a fejlettebb funkciókat, amelyek lehetővé teszik, hogy a CSS technológia segítségével megismerkedhetnek az én „alapvető tanfolyamok CSS».