Alguns elements de les pàgines web canvien la seva aparença en passar el ratolí amb el ratolí; per defecte, la configuració del llenguatge HTML els prescriu (HyperText Markup Language - "Llenguatge de marcatge hipertext"). Aquest idioma té eines que permeten canviar la mateixa configuració per a altres elements de la pàgina. Si cal, podeu utilitzar tant CSS (Cascading Style Sheets) com el llenguatge de script JavaScript del costat del client per a aquest propòsit.
Instruccions
Pas 1
Utilitzeu l'atribut style per poder establir la variable del cursor a l'etiqueta de l'objecte de la pàgina web que us interessi. Per exemple, el codi HTML d'un camp de text d'entrada que indica al navegador del visitant que canviï l'aparença del cursor de la mateixa manera que quan es passa el cursor per sobre d'un enllaç, es pot escriure així:
Pas 2
Seleccioneu l'aparença del cursor desitjada a la llista de valors vàlids per al paràmetre del cursor. A l'exemple mostrat al pas anterior, s'utilitza el valor del punter: el valor de la mà té exactament el mateix efecte. A més d'aquests dos valors, es proporcionen les opcions següents per a l'aparença del cursor: mirall, redimensionament electrònic, ajuda, moure, redimensionar, redimensionar, redimensionar, progressar, redimensionar, redimensionar, sw-resize, text, w-resize, wait. Per exemple, per fer que el cursor sembli una fletxa de doble cap de la part superior esquerra a la part inferior dreta de la mostra de codi anterior, utilitzeu nw-resize en lloc del punter:
Les lletres davant del valor de redimensionament ajuden a determinar cap a quines direccions es dirigeix la fletxa amb aquest valor; igual que en una brúixola, corresponen a les designacions dels punts cardinals. Per exemple, nw significa nord-oest (nord-oest), s per sud (sud), etc.
Pas 3
Utilitzeu l'URL del fitxer en lloc dels valors predefinits si heu carregat la vostra pròpia imatge del cursor en el format cur actual. Per fer-ho, utilitzeu la sintaxi següent:
<input style = "cursor: url (https://someSite.ru/someCursor.cur) "/>
Si el fitxer es troba a la mateixa carpeta amb la pàgina o en una subcarpeta, en lloc d'una adreça absoluta, podeu especificar una relativa.
Pas 4
Utilitzeu l'atribut onmouseover si voleu canviar l'aparença del cursor mitjançant JavaScript. Per exemple:
Aquest codi funcionarà exactament igual que la mostra del segon pas.
