Cómo ocultar el cursor del mouse con jquery

Cómo ocultar el cursor del mouse con jquery en toda la página web. probé esteCómo ocultar el cursor del mouse con jquery

$(document).ready(function(){ 
     $(body).css({ 
      'cursor' : 'none' 
     }); 
});

Pero esto no funciona en todos los navegadores. ¿Hay algún complemento para implementar esto?

Gracias de antemano.

Fuente

2010-12-14 KillerFish

¿ha dado comillas simples para el cuerpo en su código original? – kobe

@gov: Aquí me olvidé de dar comillas simples pero, pero di en mi proyecto. – KillerFish

Por el código anterior ..firefox solo que admite .. – KillerFish

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

Fuente

2010-12-14 08:30:50

Cerebro Acabo de editar mi pregunta. – KillerFish

Las citas que rodean 'cuerpo' son importantes. –

Además, esto no funcionará al pasar el mouse sobre las películas Flash, que deberán tenerse en cuenta en la película. Además, esto no funcionará para los elementos que nombran explícitamente el cursor en su CSS. Consulte http://bugs.jquery.com/ticket/2066 –

apuesto a que no tiene nada que ver con el método jQuery, pero en realidad el CSS para su página.

Asegúrese de que el elemento del cuerpo sea realmente visible en la página, el contenido podría ser porque el desbordamiento está configurado en automático de forma predeterminada, pero también deberá establecer la altura y el ancho del cuerpo en 100% para asegurar que cuando estás ratón se mueve por la pantalla que en realidad invoca body.mouseover()

Aquí está un ejemplo de trabajo »http://jsfiddle.net/Ilmv/XQmqe/

Fuente

2010-12-14 09:03:20

@ILMV: Google Chrome no admite esto ... en el cursor de Chrome está visible ... incluso en su ejemplo de trabajo ... – KillerFish

Eso es gracioso, estaba funcionando para yo ... y estoy usando Google Chrome. Estoy teniendo problemas con jsFiddle en este momento, me pondré en contacto contigo. –

Me llamo Google Chrome 8.0.552.215 beta – KillerFish

¿Qué pasa con el uso de una capa div transparente (div con una posición absoluta, el 100% ancho y alto, e índice z positivo) con el cursor establecido en ninguno. Entonces, usa jQuery para activar/desactivar?

Fuente

2010-12-20 20:48:23 PseudoNinja

Podría ser una idea hacer que la posición sea 'fija' en lugar de 'absoluta', según la estructura del documento. –

@Victor, eso puede ser una idea. El único inconveniente en mi plan es si la página es más larga que la ventana que pueden desplazarse fuera de la div clara. eliminar el desbordamiento – PseudoNinja

Sin duda debería funcionar en todos los navegadores. Compruebe en firebug en qué elementos se encuentra el cursor y vea si tiene un "cursor: puntero" explícito; o configuración equivalente.

Fuente

2010-12-21 16:10:40 Jamie

Creo que puedes hacer superposición con elemento div cuando la página está lista, estableces visibilidad para bloquear.

CÓDIGO

HTML:

<div>Test</div>

CSS CÓDIGO:

div { 
    position: fixed; 
    left: 0%; 
    width: 100%; 
    height: 100%; 
    cursor: none; 
    visibility: block; 
}

esperan que los pueda ayudar u .. lo prueba en jsfiddle y funciona para mí

Tal vez lo que u encuentra

Fuente

2010-12-23 05:01:55

Chrome no es compatible .. – KillerFish

@killerfish: No lo pruebo en Chrome, pero uso div no cuerpo ... Por qué no funciona ... –

Otra solución puede ser realizada cargando custo m archivo transparente ICO/PNG como cursor.

cursor: url('my-transparent-cursor.ico');

Ahora el usuario tiene el cursor pero es transparente, invisible. Solo mis dos centavos.

Fuente

2015-07-21 23:59:43 Manny

Cómo ocultar el cursor del mouse con jquery

Respuesta

Cuestiones relacionadas