Cum se schimbă tipul de cursor

Suntem cu toții obișnuiți cu standardul minte cursorul mouse-ului pe care suntem obișnuiți să urmeze, dar puteți selecta câteva din site-ul dvs., printre altele, din cauza unei destul de simplu și la aceleași caracteristici interesante timp în CSS, ceea ce va ajuta la schimbarea tipului de cursor.

Desigur, cursorul inițial nu arde pentru a face site-ul frumos. dar decora și ușor separate de mulțime, cu siguranță poate. Să trecem direct la subiect, cum putem face acest lucru în CSS există o astfel de opțiune interesantă:

Acest parametru se poate aplica la orice articol de pe site-ul, prin urmare, pentru a schimba tipul cursorului, iar această opțiune ca totul are setările implicite, lista acestora:

Tipuri standard la cursor - 14:

• cruciuliței - cursorul
• e-resize, w-resize - săgeată bidirecțională orizontală
• ajutor - un semn de întrebare sau un balon (în funcție de browser-ul dvs.)
• n-resize, s-resize - două sensuri săgeată verticală
• ne-resize, SW-resize - săgeata diagonală bidirecțională (din colțul din stânga jos spre dreapta sus)
• muta - cursorul cu săgeți la sfârșitul
• indicatorul - de palmier
• Textul - linia verticală
• așteptați - clepsidră sau cadran (în funcție de browser-ul dvs.)
• se-resize, nw-resize - săgeata diagonală bidirecțională (din colțul din dreapta jos la stânga sus)

Cu siguranță, imaginea cursorului schemei depinde care le-ați instalat pe computer.

De exemplu, eu vă dau codul, care include 4 tipuri de cursoare:

type = "text / css" href = "style.css">


auto

crosshair

lipsă

ajutor

Codul CSS este după cum urmează:

a. auto cursorul: auto
>
a.crosshair cursorul: crosshair
>
cursorul a.default: implicit
>
cursorul a.help: ajutor
>

După cum puteți vedea aici totul este simplu și clar, dar există, de asemenea, o funcție mai extinsă a cursorului, puteți face mouse-ul și instalați-l. Pentru a instala mouse-ul, trebuie să-l aibă în format CUR, ANI sau SVG

Aici, din nou, opțiunile sunt câteva gata-cursoare pot fi descărcate de pe Internet prostește le există un număr destul de sau de a face cursorul la utilizarea serviciilor online gratuite sau de a face complet propriile lor mâini, de exemplu, în programul Adobe Photoshop.

Aici puteți face un mouse on-line și salvați-vă imediat în format normal.

Oh, și dacă vă decideți să dețină computerul să facă ceva ce nu este o problemă, mai ales dacă dețineți Photoshop, pur și simplu a crea un nou document cu privire la dimensiunea de 32x32, cu un fundal transparent, trage tot ceea ce aveți nevoie și salvați-l ca un .png și apoi cu pentru programe de descărcare gratuită de la tipul de IcoFX. puteți fi convertite în formatul cerut ușor .cur

Acum, să vedem cum să se atașeze un cursor personalizat:

cursorul mycursor. URL-ul ( "src / mycursor.cur"), auto;
>

Asta este de fapt întreaga știință, este destul de ușor, dar originalul. Sper ca acest tutorial simplu vă va învăța cum să schimbe forma cursorului pe site-ul dvs. și va fi capabil să iasă în evidență în raport cu fundalul unei alte persoane originale.