Ho visto esempi in cui è possibile cambiarlo in immagini preimpostate del sistema operativo in uso; esempio:JavaScript come cambiare il cursore del mouse in un'immagine?
$('body').css('cursor', 'wait');
Ma che ne è del mio /img/my_image.png?
Grazie per qualsiasi aiuto.
È possibile, specificando un URL ad esso in CSS:
div
{
cursor:url(smiley.gif),url(myBall.cur),auto;
}
Io di solito non collegare articoli esterni, ma questa copre le vostre esigenze. Ho copiato qui le cose rilevanti per la persistenza.
#dragMe {
cursor: url('../cursors/customMoveCursor.cur'), /* Modern browsers */
url('cursors/customMoveCursor.cur'), /* Internet Explorer */
move; /* Older browsers */
}
credito: http://www.useragentman.com/blog/2011/12/21/cross-browser-css-cursor-images-in-depth/
Non dimenticare di prendere in considerazione l'accessibilità durante la fabbricazione dei cursori personalizzati! Saluti :)
Il modo Jquery per impostare un cursore personalizzato (o cursore predefinito come ripiego):
$('selector').css({'cursor': 'url(/cursors/customMoveCursor.cur), default'});
è [questo] [1] quello che stai cercando? Se è così dovrebbe essere contrassegnato come duplicato [1]: http://stackoverflow.com/questions/336925/custom-cursor-image-css –
Probabilmente. Vedo il codice "a.heroshot img { cursore: url (/img/layout/backgrounds/moz-zoom.gif), -moz-zoom-in; }", ma non sono sicuro di come implementarlo . Quello che ho ora è un pulsante, e quando si fa clic, ho una funzione che lo gestisce. All'interno di quella funzione voglio cambiare il cursore su un'immagine, ma non sono sicuro di come usare questo codice. – JDS