He visto ejemplos donde puede cambiarlo a imágenes preestablecidas que tiene su sistema operativo; ejemplo:JavaScript ¿cómo cambiar el cursor del mouse a una imagen?
$('body').css('cursor', 'wait');
Pero ¿qué tal mi /img/my_image.png?
Gracias por cualquier ayuda.
Puede, especificando una dirección URL para que en el CSS:
div
{
cursor:url(smiley.gif),url(myBall.cur),auto;
}
no suelo enlazar artículos externos, pero éste cubre sus necesidades. He copiado las cosas relevantes aquí para persistencia.
#dragMe {
cursor: url('../cursors/customMoveCursor.cur'), /* Modern browsers */
url('cursors/customMoveCursor.cur'), /* Internet Explorer */
move; /* Older browsers */
}
Crédito: http://www.useragentman.com/blog/2011/12/21/cross-browser-css-cursor-images-in-depth/
No se olvide de tener en cuenta la accesibilidad al hacer sus cursores personalizados! Saludos :)
La forma Jquery para establecer un cursor personalizado (o el cursor por defecto como punto de retorno):
$('selector').css({'cursor': 'url(/cursors/customMoveCursor.cur), default'});
está [esto] [1] lo que estás buscando? Si es así, debería marcarse como un duplicado [1]: http://stackoverflow.com/questions/336925/custom-cursor-image-css –
Probablemente. Veo el código "a.heroshot img { cursor: url (/img/layout/backgrounds/moz-zoom.gif), -moz-zoom-in; }", pero no estoy seguro de cómo implementarlo . Lo que tengo ahora es un botón, y cuando hago clic en él, tengo una función que lo maneja. Dentro de esa función, quiero cambiar el cursor a una imagen, pero no estoy seguro de cómo usar este código. – JDS