Cómo cambiar el cursor del ratón con jQuery

January 6

Si está realizando una tarea en jQuery que requerirá al usuario que espere durante un segundo o más, es posible que desee cambiar el cursor hasta que el usuario sepa que debe esperar hasta que el sistema termina de procesar la información. Puede cambiar el cursor con jQuery cambiando la propiedad cursor CSS para el cuerpo del documento. No se olvide de cambiar el cursor hacia atrás cuando se completa la tarea.

Instrucciones

1 Crear un nuevo archivo HTML mediante un editor o el Bloc de notas. Inserte un esqueleto vacío de HTML e incluir la librería jQuery en el documento. Por ejemplo, escriba:

<! DOCTYPE html PUBLIC "- // W3C // DTD XHTML 1.0 Transitional // EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<Head>

<Title> Cambiar el cursor </ title>

<Script src = "& lt; / script"> https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js "> & lt; / script>

</ Head>

<Body>

</ Body>

</ Html>

2 Crear una función de jQuery para el que es posible que desee cambiar el cursor del ratón, como por ejemplo al cargar datos desde una página externa en el servidor Web. Por ejemplo, escriba:

$ (Document) ready (function () {

$.get("external.php", function(data) {

3 Cambiar el cursor del ratón mediante la modificación de la propiedad CSS para el cuerpo del documento. Completar la función de la transformación o manipulación de los datos. Por ejemplo, escriba:

$("body").css("cursor", "progress");

doSomethingWithThe (datos);

});

4 Coloque el cursor del ratón de nuevo a control automático. Por ejemplo, escriba:

$("body").css("cursor", "auto");

});

</ Script>