JavaScript comment changer le curseur de la souris sur une image?

J'ai vu des exemples où vous pouvez changer de preset images que votre système d'exploitation a; exemple:

$('body').css('cursor', 'wait');

Mais comment parler de mes propres /img/my_image.png?

Merci pour toute aide.

est [ce][1] ce que vous recherchez? Si ce devrait être marqué comme un double [1]: stackoverflow.com/questions/336925/custom-cursor-image-css
Probablement. - Je voir le code ".heroshot img { cursor:url(/img/layout/backgrounds/moz-zoom.gif), -moz-zoom-in; }", mais je ne suis pas sûr de la façon de la mettre en œuvre. Ce que j'ai est un bouton, et quand on clique dessus, j'ai une fonction de manipulation. Dans cette fonction, je veux changer le curseur sur une image, mais je ne suis pas sûr de savoir comment utiliser ce code.

OriginalL'auteur JDS | 2012-06-02

  1. 18

    Vous pouvez, en spécifiant une url dans le CSS: 

    div
{
cursor:url(smiley.gif),url(myBall.cur),auto;
}

    Voir http://www.w3schools.com/cssref/pr_class_cursor.asp

    Uhg... w3schools. Avoir une autre référence? +1 quand même.
    developer.mozilla.org/en/CSS/cursor
    lol. il m'a fait mal aussi, mais le code c'était trivial..
    Hé oui, est-ce à dire chaque fois que ma souris est à l'intérieur de ce DIV, le curseur sera différent? Aussi, je n'ai pas .cur des fichiers, j'ai juste une .image png --- EDIT: c'est toute l'idée de simplement modifier le CSS de l'contenant de vue (div, corps, etc)?
    jamais eu... pourquoi est w3schools considéré comme une mauvaise référence?

    OriginalL'auteur malangi

  2. 2

    Je n'ai pas l'habitude lien externe articles, mais celui-ci couvre vos besoins. J'ai copié pertinentes de la substance ici pour la persistance.

    #dragMe {
    cursor: url('../cursors/customMoveCursor.cur'),     /* Modern browsers    */
            url('cursors/customMoveCursor.cur'),        /* Internet Explorer  */
            move;                                       /* Older browsers     */
}

    De crédit: http://www.useragentman.com/blog/2011/12/21/cross-browser-css-cursor-images-in-depth/

    N'oubliez pas de tenir compte de l'accessibilité lors de la prise de vos curseurs personnalisés! Cheers 🙂

    OriginalL'auteur C.S.

  3. 2

    Le Jquery moyen de définir un curseur personnalisé (ou curseur par défaut comme un secours):

    $('selector').css({'cursor': 'url(/cursors/customMoveCursor.cur), default'});

    OriginalL'auteur Kalle