Unele elemente ale paginilor web își schimbă aspectul atunci când se deplasează cu mouse-ul - acest lucru este prescris în mod implicit de setările limbajului HTML (HyperText Markup Language - „Hypertext Markup Language”). Această limbă are instrumente care vă permit să modificați aceleași setări pentru alte elemente de pagină. Dacă este necesar, puteți utiliza atât CSS (Cascading Style Sheets), cât și limbajul de scriptare JavaScript partea clientului în acest scop.
Instrucțiuni
Pasul 1
Utilizați atributul de stil pentru a putea seta variabila cursor în eticheta paginii web obiect care vă interesează. De exemplu, codul HTML al unui câmp de text de intrare care instruiește browserul vizitatorului să schimbe aspectul cursorului în același mod ca atunci când treceți peste un link, poate fi scris astfel:
Pasul 2
Selectați aspectul dorit al cursorului din lista de valori valide pentru parametrul cursorului. În exemplul prezentat în pasul anterior, se utilizează valoarea indicatorului - valoarea mâinii are exact același efect. În plus față de aceste două valori, sunt furnizate următoarele opțiuni pentru aspectul cursorului: cruce, e-redimensionare, ajutor, mișcare, n-redimensionare, ne-redimensionare, nw-redimensionare, progres, s-redimensionare, redimensionare, sw-resize, text, w-resize, așteptați. De exemplu, pentru a face cursorul să arate ca o săgeată cu două capete din stânga sus spre dreapta jos în exemplul de cod de mai sus, utilizați nw-resize în loc de pointer:
Literele din fața valorii de redimensionare ajută la determinarea către ce direcții este direcționată săgeata de această valoare - ele, ca pe o busolă, corespund cu desemnările punctelor cardinale. De exemplu, nw înseamnă nord-vest (nord-vest), s pentru sud (sud) etc.
Pasul 3
Utilizați adresa URL a fișierului în locul valorilor predefinite dacă ați încărcat propria imagine a cursorului în formatul său cur nativ. Pentru a face acest lucru, utilizați următoarea sintaxă:
<input style = "cursor: url (https://someSite.ru/someCursor.cur) "/>
Dacă fișierul se află în același folder cu pagina sau într-un subfolder, atunci în locul unei adrese absolute, puteți specifica una relativă.
Pasul 4
Utilizați atributul onmouseover dacă doriți să schimbați aspectul cursorului utilizând JavaScript. De exemplu:
Acest cod va funcționa exact ca eșantionul din pasul doi.
