Kā Nomainīt Kursoru Uz Kursora

Satura rādītājs:

Kā Nomainīt Kursoru Uz Kursora
Kā Nomainīt Kursoru Uz Kursora

Video: Kā Nomainīt Kursoru Uz Kursora

Video: Kā Nomainīt Kursoru Uz Kursora
Video: КАК ПОМЕНЯТЬ КУРСОР ?? 2024, Novembris
Anonim

Daži tīmekļa lapu elementi maina to izskatu, virzot kursoru ar peli - to pēc noklusējuma nosaka HTML valodas iestatījumi (HyperText Markup Language - "Hypertext Markup Language"). Šajā valodā ir rīki, kas ļauj mainīt tos pašus iestatījumus citiem lapas elementiem. Ja nepieciešams, šim nolūkam varat izmantot gan CSS (kaskādes stila lapas), gan klienta puses JavaScript skriptu valodu.

Kā nomainīt kursoru uz kursora
Kā nomainīt kursoru uz kursora

Instrukcijas

1. solis

Izmantojiet stila atribūtu, lai varētu iestatīt kursora mainīgo jūs interesējošā tīmekļa lapas objekta tagā. Piemēram, ievades teksta lauka HTML kodu, kas liek apmeklētāja pārlūkprogrammai mainīt kursora izskatu tāpat kā virzot kursoru virs saites, var rakstīt šādi:

2. solis

Kursora parametra derīgo vērtību sarakstā atlasiet vajadzīgo kursora izskatu. Iepriekšējā solī parādītajā piemērā tiek izmantota rādītāja vērtība - rokas vērtībai ir tieši tāda pati ietekme. Papildus šīm divām vērtībām tiek nodrošinātas šādas kursora parādīšanās iespējas: krusts, e-izmēra maiņa, palīdzība, pārvietošana, n-izmēra maiņa, ne-izmēra maiņa, nw-izmēra maiņa, progresēšana, s-izmērs, se-izmērs, sw-resize, text, w -resize, pagaidiet. Piemēram, lai kursors izskatās kā divgalvu bultiņa no augšējā kreisā līdz apakšējā labajā pusē iepriekš minētajā koda paraugā, rādītāja vietā izmantojiet nw-resize:

Burti, kas atrodas vērtības lieluma priekšā, palīdz noteikt, uz kādiem virzieniem bultiņa ir vērsta ar šo vērtību - tie, tāpat kā uz kompasa, atbilst kardinālu apzīmējumiem. Piemēram, nw apzīmē ziemeļrietumus (ziemeļrietumus), s apzīmē dienvidus (dienvidus) utt.

3. solis

Izmantojiet faila URL iepriekš noteiktu vērtību vietā, ja augšupielādējāt savu kursora attēlu tā dabiskajā formātā. Lai to izdarītu, izmantojiet šādu sintaksi:

<ievades stils = "kursors: url (https://someSite.ru/someCursor.cur) "/>

Ja fails atrodas vienā mapē ar lapu vai apakšmapē, absolūtās adreses vietā varat norādīt relatīvo.

4. solis

Izmantojiet atribūtu onmouseover, ja vēlaties mainīt kursora izskatu, izmantojot JavaScript. Piemēram:

Šis kods darbosies tieši tāpat kā paraugs otrajā solī.

Ieteicams: