Cum de a schimba cursorul mouse-ului pe site-ul

Implicit, cursorul mouse-ului, care este utilizat pe paginile web, are forma unei săgeți sau degetul arătător extins al mâinii drepte, care este afișat atunci când utilizatorul trece cu mouse cursorul mouse-ului peste link-ul.

În general, această întreagă selecție și limitată.

Dar, în practică, există situații care doresc să schimbe afișajul implicit al cursorului atunci când o acțiune de utilizator. Aș dori să-i schimba aspectul.

Prin urmare, se pune întrebarea, cum se face și prin ce mijloace?

Dacă vorbim despre schimbarea aspectului cursorului pentru a fi utilizate pe paginile web, capacitatea de a face acest lucru ne oferă tehnologia CSS. În acest articol, aș dori să ia în considerare modul în care acest lucru se poate face.

Dar aș dori să avertizeze că schimbarea aspectul cursorului mouse-ului, care este implicit, trebuie să fie foarte atent.

De ce? Deoarece cursorul care va schimba look-ul în locul nepotrivit, la momentul nepotrivit poate induce în eroare.

De exemplu, dacă asigurați-vă că, atunci când treceți cu mouse-ul peste link-ul devine o pictogramă clepsidră inversat, utilizatorul poate crede că pagina nu a fost încărcat, etc.

Deci, utilizați cu atenție această oportunitate.

Deci, o proprietate specială CSS care vă permite să modificați aspectul cursorului pe site-ul, are următoarea sintaxă:

Această expresie implică faptul că mouse-ul poate fi:

1) Alegeți dintr-o listă de cuvinte cheie, fiecare dintre care definește un design special al cursorului;

2) sunt luate dintr-un fișier special cu imaginea cursorului

3) moștenită din celulele părinte.

Aspectul cursorului mouse-ului din lista de cuvinte cheie:

Deci, vă puteți imagina ce aspectul va primi cursorul mouse-ului, în funcție de cuvântul cheie pe care doriți să o utilizați, aș dori să dea o masă specială de valori:

Fiecare valoare corespunde unui anumit cursor de afișare.

În acest exemplu, atunci când treceți cursorul mouse-ului peste un paragraf de text, se va schimba aspectul.

Aspectul cursorului mouse-ului din fișierul:

În plus, aspectul cursorului poate fi setat prin specificarea o cale spre un fișier care conține imaginea originală pentru cursor.

Fișierele de imagine pentru cursoare pot fi ușor de găsit pe Internet.

Aici este un exemplu de modul în care puteți profita de această oportunitate.

În cazul în care name.cur - numele și extinderea mouse-ului pe care doriți să îl utilizați.

Moștenire apariția cursorului:

În cele din urmă, cursorul mouse-ului poate fi moștenită de la părinții tăi. De exemplu,

Deși apariția cursorului a fost numit pentru tag-ul div, dar încă atunci când treceți cursorul mouse-ului peste un paragraf etichetă

, cursorul își schimbă aspectul.

Rezultă că proprietatea cursorului este moștenită, iar în cazul în care este setat pentru tag-ul corpului, aspectul cursorului se va schimba la o întreagă pagină web ca un întreg.

Acestea sunt posibilitățile CSS ne oferă tehnologia pentru a lucra cu cursoare.

Dacă doriți să aflați despre funcții mai avansate pe care le puteți permite tehnologiei CSS, puteți face cunoștință cu meu „cursuri de bază în CSS».