Neki elementi web stranica mijenjaju izgled prilikom lebdenja mišem - to im je zadana postavka postavkama HTML jezika (HyperText Markup Language - "Hypertext Markup Language"). Ovaj jezik ima alate koji vam omogućavaju da promijenite iste postavke za ostale elemente stranice. Ako je potrebno, u tu svrhu možete koristiti i CSS (Cascading Style Sheets) i JavaScript skriptni jezik na strani klijenta.
Instrukcije
Korak 1
Koristite atribut style da biste mogli postaviti varijablu kursora u oznaci objekta web stranice koji vas zanima. Na primjer, HTML kôd polja za unos teksta koji upućuje posjetiteljev preglednik da promijeni izgled kursora na isti način kao kada lebdi iznad veze, može se napisati ovako:
Korak 2
Odaberite željeni izgled kursora s popisa važećih vrijednosti za parametar kursora. U primjeru prikazanom u prethodnom koraku, koristi se vrijednost pokazivača - vrijednost ruke ima potpuno isti efekat. Pored ove dvije vrijednosti, pružaju se sljedeće opcije za izgled kursora: crosshair, e-resize, help, move, n-resize, ne-resize, nw-resize, progress, s-resize, se-resize, promjena veličine, tekst, promjena veličine, čekanje. Na primjer, da bi kursor izgledao poput strelice s dvije glave od gornjeg lijevog do donjeg desnog dijela u gornjem uzorku koda, koristite nw-resize umjesto pokazivača:
Slova ispred vrijednosti za promjenu veličine pomažu u određivanju u kojim smjerovima je usmjerena strelica ovom vrijednošću - ona, poput kompasa, odgovaraju oznakama kardinalnih točaka. Na primjer, nw znači sjeverozapad (sjeverozapad), s jug (jug) itd.
Korak 3
Koristite URL datoteke umjesto unaprijed definiranih vrijednosti ako ste prenijeli vlastitu sliku kursora u izvornom formatu cur. Da biste to učinili, koristite sljedeću sintaksu:
<input style = "kursor: url (https://someSite.ru/someCursor.cur) "/>
Ako se datoteka nalazi u istoj mapi sa stranicom ili u podmapi, tada umjesto apsolutne adrese možete odrediti relativnu.
Korak 4
Koristite atribut onmouseover ako želite promijeniti izgled kursora pomoću JavaScript-a. Na primjer:
Ovaj kod će raditi točno kao uzorak u drugom koraku.
