Come modificare un cursore del mouse con jQuery

June 6

Come modificare un cursore del mouse con jQuery


Se si esegue un compito in jQuery che richiederà all'utente di attendere un secondo o più, si potrebbe desiderare di cambiare il cursore per consentire all'utente di sapere che deve attendere fino a quando il sistema termina l'elaborazione delle informazioni. È possibile modificare il cursore con jQuery modificando la proprietà del cursore CSS per il corpo del documento. Non dimenticare di cambiare il cursore indietro quando l'attività viene completata.

istruzione

1 Creare un nuovo file HTML utilizzando un editor o il blocco note. Inserire uno scheletro HTML vuota e includere la libreria jQuery nel documento. Ad esempio, digitare:

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

<Html xmlns = "http://www.w3.org/1999/xhtml">

<Head>

<Meta http-equiv = "Content-Type" content = "text / html; charset = utf-8" />

<Title> Cambia cursore </ 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 Creare una funzione jQuery per il quale si potrebbe desiderare di cambiare il cursore del mouse, come ad esempio durante il caricamento di dati da una pagina esterna sul server Web. Ad esempio, digitare:

$ (Document) .ready (function () {

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

3 Cambiare il cursore del mouse modificando la proprietà CSS per il corpo del documento. Completare la funzione per il trattamento o la manipolazione dei dati. Ad esempio, digitare:

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

doSomethingWithThe (dati);

});

4 Impostare il cursore del mouse torna a controllo automatico. Ad esempio, digitare:

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

});

</ Script>

</ Head>

<Body>

</ Body>

</ Html>


Articoli Correlati