Problema al cambiar de estilo el cursor

AubeRoseau · #1 (**permalink**) 18/01/2011, 03:20

Bueno, tengo un script en el que cuando el puntero del ratón se posiciona en un elemento determinado, le cambio el estilo a este si pasado unos segundos continúa sobre ese elemento.

El caso es que me funciona, pero lo que ocurre es que tras pasar los segundos hay que mover ratón para que cambie su estilo. Es como si hubiera que refrescar o algo. No sé si entendeis lo que quiero decir. ¿Sabéis porqué puede pasar esto?

AubeRoseau · #2 (**permalink**) 18/01/2011, 04:05

Os voy a dejar un ejemplo para que lo veáis más claro:

Código:

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
</head>
<body>
</body>
<script type="text/javascript">
var contador = 0;
contador = setTimeout(function() {
                hideCursor();
            }, 2000);
function hideCursor() {
    $(function() {
        $(document.body).css({cursor: 'none'});
    });
}
</script>
</html>

El ejemplo lo que pretende únicamente es que tras 2 segundos se esconda el ratón en todo el cuerpo del documento, y funciona pero tras pasar los dos segundos, hay que mover el ratón para ver el efecto, y lo que pretendo es que no sea necesario moverlo.