changer le curseur sur le pointeur du doigt

Vous pouvez le faire en CSS:

a.menu_links {
    cursor: pointer;
}

C'est en fait le comportement par défaut pour les liens. Vous devez l'avoir soit écrasé ailleurs dans votre CSS, soit il n'y a pas d'attribut href (il manque dans votre exemple).

J'aime utiliser celui-ci si je n'ai qu'un seul lien sur la page:

onMouseOver="this.style.cursor='pointer'"

En CSS écrire

a.menu_links:hover{ cursor:pointer}

Voici quelque chose de cool Si vous voulez aller le mile supplémentaire avec cela. dans l'url, vous pouvez utiliser un lien ou enregistrer une image png et de l'utilisation du chemin. par exemple:

Url ("assets/dim/biens.png');

Voici le code:

.cursor{
  cursor:url(http://www.icon100.com/up/3772/128/425-hand-pointer.png), auto;
}

Donc, cela ne fonctionnera que sous la taille 128 x 128, plus grande et l'image ne se chargera pas. Mais vous pouvez pratiquement utiliser n'importe quelle image que vous voulez! Ce serait considérer CSS3 pur, et du html. tous vous avez à faire en html est

<div class='cursor'></div>

Et seulement dans ce div, ce curseur apparaîtra. Donc, je l'ajoute habituellement à la balise body.

Je pense que la" meilleure réponse " ci-dessus, bien que précise par programme, ne répond pas réellement à la question posée. la question demande comment changer le pointeur dans l'événement mouseover. Je vois des messages sur la façon dont on peut avoir une erreur quelque part ne répond pas à la question. Dans la réponse acceptée, l'événement mouseover est vide (onmouseover="") et l'option style, à la place, est incluse. On ne comprend pas pourquoi cela a été fait.

Il n'y a peut-être rien de mal avec le lien de l'enquêteur. considérez les points suivants html:

<a id=test_link onclick="alert('kinda neat);">Click ME!</a>

Lorsqu'une souris utilisateur passe sur ce lien, le pointeur ne change pas en main...au lieu de cela, le pointeur se comportera comme s'il survolait le texte normal. On pourrait ne pas vouloir ça...et donc, le pointeur de la souris doit être dit de changer.

La réponse recherchée est la suivante (qui a été affichée par un autre):

<a id=test_link onclick="alert('Nice!');"
       onmouseover="this.style.cursor='pointer';">Click ME!</a>

Cependant, ceci est ... un cauchemar si vous en avez beaucoup, ou utilisez ce genre de chose partout et décidez de faire une sorte de changement ou courir dans un bug. mieux vaut faire une classe CSS pour cela:

a.lendhand {
  cursor: pointer;
}

Puis:

<a class=lendhand onclick="alert('hand is lent!');">Click ME!</a>

Il y a beaucoup d'autres façons qui seraient, sans doute, mieux que cette méthode. DIVs, BOUTONs, IMGs, etc pourrait s'avérer plus utile. Je ne vois aucun mal à utiliser <a>...</a>, cependant.

Jarett.

Ajouter un href attribut pour faire un lien valide & return false; dans le gestionnaire d'événements pour l'empêcher de causer une navigation;

<a href="#" class="menu_links" onclick="displayData(11,1,0,'A'); return false;" onmouseover=""> A </a>

(Ou displayData() return false et ..="return displayData(..)

Solution via CSS pur comme mentionné dans la réponse marquée comme le meilleur n'est pas adapté à cette situation.

L'exemple de cette rubrique n'a pas d'attribut href statique normal, il appelle seulement JS, donc il ne fera rien sans JS.

Il est donc bon d'activer le pointeur avec JS uniquement. Donc, solution

onMouseOver="this.style.cursor='pointer'"

Comme mentionné ci-dessus (mais je ne peux pas commenter là-bas) est le meilleur dans ce cas. (Mais oui, en général, pour les liens normaux ne demandant pas JS, il est préférable de travailler avec CSS pur sans JS.)