Certains éléments des pages Web changent d'apparence au survol de la souris - cela leur est prescrit par défaut par les paramètres du langage HTML (HyperText Markup Language - "Hypertext Markup Language"). Ce langage dispose d'outils qui vous permettent de modifier les mêmes paramètres pour d'autres éléments de page. Si nécessaire, vous pouvez utiliser à cette fin CSS (Cascading Style Sheets) et le langage de script JavaScript côté client.
Instructions
Étape 1
Utilisez l'attribut style pour pouvoir définir la variable curseur dans la balise de l'objet de page Web qui vous intéresse. Par exemple, le code HTML d'un champ de saisie de texte qui demande au navigateur du visiteur de modifier l'apparence du curseur de la même manière que lors du survol d'un lien, peut être écrit comme ceci:
Étape 2
Sélectionnez l'apparence du curseur souhaitée dans la liste des valeurs valides pour le paramètre du curseur. Dans l'exemple montré à l'étape précédente, la valeur du pointeur est utilisée - la valeur de la main a exactement le même effet. En plus de ces deux valeurs, les options suivantes pour l'apparence du curseur sont fournies: crosshair, e-resize, help, move, n-resize, ne-resize, nw-resize, progress, s-resize, se-resize, sw-resize, text, w -resize, attendez. Par exemple, pour que le curseur ressemble à une flèche à deux pointes du coin supérieur gauche au coin inférieur droit dans l'exemple de code ci-dessus, utilisez nw-resize au lieu du pointeur:
Les lettres devant la valeur de redimensionnement aident à déterminer dans quelles directions la flèche est dirigée par cette valeur - elles, comme sur une boussole, correspondent aux désignations des points cardinaux. Par exemple, nw signifie nord-ouest (nord-ouest), s pour sud (sud), etc.
Étape 3
Utilisez l'URL du fichier au lieu des valeurs prédéfinies si vous avez téléchargé votre propre image de curseur dans son format cur natif. Pour ce faire, utilisez la syntaxe suivante:
<style d'entrée = "curseur: url (https://someSite.ru/someCursor.cur) "/>
Si le fichier se trouve dans le même dossier que la page ou dans un sous-dossier, alors au lieu d'une adresse absolue, vous pouvez en spécifier une relative.
Étape 4
Utilisez l'attribut onmouseover si vous souhaitez modifier l'apparence du curseur à l'aide de JavaScript. Par exemple:
Ce code fonctionnera exactement comme l'exemple de la deuxième étape.