Modificarea imaginii cursorului mouse-ului

Unul dintre elementele designului site-ului poate servi drept cursor al mouse-ului. Când navigați pe un site, de obicei, este nevoie de o imagine sau de săgeți - când treceți peste imagini, fundaluri sau un marcator atunci când treceți peste text sau o imagine de mână - pentru link-uri. Toate aceste imagini cursor sunt standard și sunt aceleași în toate browserele.







Cu toate acestea, utilizând CSS (foaia de stil cascadă) puteți schimba imaginea cursorului mouse-ului. Faceți-o nu standard, sub forma unei imagini colorate de orice dimensiune. Pentru a schimba imaginea cursorului mouse-ului la început, este necesar să determinați când trebuie să se afișeze peste ce element de pagină (imagini, text, hyperlink-uri) această imagine va apărea. CSS vă permite să modificați imaginea cursorului mouse-ului pentru orice element, chiar dacă îl setați pentru o literă separată de text. Pentru a face acest lucru, CSS are o proprietate numită cursor, care definește tipul acesteia. Pentru ao aplica, trebuie să scrie: selector. Selectorul este acel element când treceți peste care trebuie să schimbați imaginea cursorului mouse-ului. Valoarea determină ce fel de imagine va fi. Pentru a seta imaginile standard, puteți aplica următoarele valori (pentru a vedea rezultatul necesar pentru a muta cursorul pe linia corespunzătoare):







implicit - cursorul implicit (adesea o săgeată)

auto - cursorul setează browserul

crosshair - imagine sub formă de cruce

pointer - imagine sub forma unei mâini

mutare - specifică un obiect care poate fi mutat

e-resize - specifică mișcarea marginii cutiei spre dreapta

redimensionați - mutați marginea casetei în sus și în dreapta

nw-resize - mutați marginea casetei în sus și spre stânga







Trimiteți-le prietenilor: