Si va a realizar una tarea en jQuery que requieren que el usuario 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 CSS cursor 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 utilizando 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 ">
< p >
Cambiar el cursor < /title> <br> < p > < guión Página 2 <p> Crear una función de jQuery para el que es posible que desee cambiar el cursor del ratón, por ejemplo, cuando la carga de datos desde páginas externas en el servidor Web. Por ejemplo , escriba: <br> <p> $ (document ) ready ( function () { <br> <p> $ get ( " external.php " , función ( data) { <br> < . . br> 3 <p> Cambiar el cursor del ratón mediante la modificación de la propiedad CSS para el cuerpo del documento completo de la función de la transformación o manipulación de los datos , por ejemplo , escriba: . . <br> <p> $ ( "cuerpo" ) . css ( "cursor" , "progreso "); <br> <p> doSomethingWithThe (datos) ; <br> <p> } ) ; <br> 4 <p> que el cursor del ratón de nuevo a control automático . Por ejemplo , escriba: . <br> <p> $ ( "cuerpo" ) css ( "cursor" , <br>
<div class="escomad2"><script language='javascript' src='http://www.ordenador.online/ad/es/2.js'></script></div>
</div>
<div class=contentpage>
<div class=p1>Página anterior: <a class='LinkPrevArticle' href='http://www.ordenador.online/Programacion/JavaScript-Programación/Cómo-pasar-un-entero-a-una-función-de-JavaScript-.html' >Cómo pasar un entero a una función de JavaScript </a> </div>
<div class=p2>Página siguiente: <a class='LinkNextArticle' href='http://www.ordenador.online/Programacion/JavaScript-Programación/Cómo-utilizar-Ambos-SRC-y-en-línea-en-JavaScript-.html' >Cómo utilizar Ambos SRC y en línea en JavaScript </a> </div>
</div>
<dl class=xgc>
<dt><span>JavaScript Programación</span></dt>
<dd><a href="http://www.ordenador.online/Programacion/JavaScript-Programación/Cómo-hacer-una-pelota-que-rebota-Animación-información-.html">Cómo hacer una pelota que rebota Animación información </a></dd><dd><a href="http://www.ordenador.online/Programacion/JavaScript-Programación/Cómo-hacer-Pop---Ups-.html">Cómo hacer Pop - Ups </a></dd><dd><a href="http://www.ordenador.online/Programacion/JavaScript-Programación/Cómo-abrir-archivos-de-JavaScript-.html">Cómo abrir archivos de JavaScript </a></dd><dd><a href="http://www.ordenador.online/Programacion/JavaScript-Programación/Historia-de-Javascript-.html">Historia de Javascript </a></dd><dd><a href="http://www.ordenador.online/Programacion/JavaScript-Programación/Cómo-quitar-las-barras-de-desplazamiento-iFrame-en-JavaScript-.html">Cómo quitar las barras de desplazamiento iFrame en JavaScript </a></dd><dd><a href="http://www.ordenador.online/Programacion/JavaScript-Programación/Cómo-ocultar-Javascript-Checkbox-.html">Cómo ocultar Javascript Checkbox </a></dd><dd><a href="http://www.ordenador.online/Programacion/JavaScript-Programación/¿Por-qué-tengo-un-Vacío-Mensaje-Javascript-.html">¿Por qué tengo un Vacío Mensaje Javascript </a></dd><dd><a href="http://www.ordenador.online/Programacion/JavaScript-Programación/Cómo-configurar-el-fondo-de-animación-en-una-página-Web-.html">Cómo configurar el fondo de animación en una página Web </a></dd>
</dl>
</div>
<!--right-->
<div class=rightmain>
<div class=esrightlist>
<div class=e1>Los últimos artículos de equipo</div>
<ul>
<li><a href="http://www.ordenador.online/Programacion/JavaScript-Programación/Cómo-hacer-un-Habbo-Retro-.html" >Cómo hacer un Habbo Retro </a> </li><li><a href="http://www.ordenador.online/Programacion/JavaScript-Programación/Cómo-recuperar-los-datos-de-una-base-de-datos-mediante-Java-Script-.html" >Cómo recuperar los datos de una base de datos mediante Java Script </a> </li><li><a href="http://www.ordenador.online/Programacion/JavaScript-Programación/Cómo-utilizar-JavaScript-y-PHP-en-la-validación-de-formularios-.html" >Cómo utilizar JavaScript y PHP en la validación de formularios </a> </li><li><a href="http://www.ordenador.online/Programacion/JavaScript-Programación/Cómo-hacer-un-Widget-para-el-Dashboard-con-Dashcode-.html" >Cómo hacer un Widget para el Dashboard con Dashcode </a> </li><li><a href="http://www.ordenador.online/Programacion/JavaScript-Programación/Cómo-mantener-el-Prototype-JS-Hasta-Fecha-.html" >Cómo mantener el Prototype JS Hasta Fecha </a> </li><li><a href="http://www.ordenador.online/Programacion/JavaScript-Programación/Cómo-hacer-tinta-reciclado-.html" >Cómo hacer tinta reciclado </a> </li>
</ul>
</div>
<div class=esrightlist>
<div class=e1>Artículos de la popular computadora</div>
<ul>
<li> <a href="http://www.ordenador.online/Programacion/JavaScript-Programación/Javascript-Vs-relevantes---Absolute-Ruta-.html" >Javascript Vs relevantes . Absolute Ruta </a></li><li> <a href="http://www.ordenador.online/Programacion/JavaScript-Programación/Cómo-utilizar-ShrinkSafe-Con-NetBeans-.html" >Cómo utilizar ShrinkSafe Con NetBeans </a></li><li> <a href="http://www.ordenador.online/Programacion/JavaScript-Programación/Cómo-reemplazar-una-cadena-de-JavaScript-.html" >Cómo reemplazar una cadena de JavaScript </a></li><li> <a href="http://www.ordenador.online/Programacion/JavaScript-Programación/Cómo-cambiar-el-texto-de-un-rollover-.html" >Cómo cambiar el texto de un rollover </a></li><li> <a href="http://www.ordenador.online/Programacion/JavaScript-Programación/Cómo-pasar-una-variable-de-JavaScript-.html" >Cómo pasar una variable de JavaScript </a></li><li> <a href="http://www.ordenador.online/Programacion/JavaScript-Programación/Cómo-crear-una-Ticker-Javascript-.html" >Cómo crear una Ticker Javascript </a></li>
</ul>
</div>
<div class="esrightad">
<script language='javascript' src='http://www.ordenador.online/ad/es/r.js'></script>
</div>
<div class=esrightlist>
<div class=e1>Más categorías</div>
<ul>
<li><a href='http://www.ordenador.online/Programacion/C--C-----Programming/' target="_self">C /C + + Programming</a></li>
<li><a href='http://www.ordenador.online/Programacion/Lenguajes-De-Programación/' target="_self">Lenguajes De Programación</a></li>
<li><a href='http://www.ordenador.online/Programacion/Delphi-Programación/' target="_self">Delphi Programación</a></li>
<li><a href='http://www.ordenador.online/Programacion/Programación-Java/' target="_self">Programación Java</a></li>
<li><a href='http://www.ordenador.online/Programacion/JavaScript-Programación/' target="_self">JavaScript Programación</a></li>
<li><a href='http://www.ordenador.online/Programacion/Programación-PHP--MySQL/' target="_self">Programación PHP /MySQL</a></li>
<li><a href='http://www.ordenador.online/Programacion/Perl-Programming/' target="_self">Perl Programming</a></li>
<li><a href='http://www.ordenador.online/Programacion/Python-Programming/' target="_self">Python Programming</a></li>
<li><a href='http://www.ordenador.online/Programacion/Rubí-Programación/' target="_self">Rubí Programación</a></li>
<li><a href='http://www.ordenador.online/Programacion/Visual-Basics-Programación/' target="_self">Visual Basics Programación</a></li>
</ul>
</div>
</div>
<!--right end-->
<div class="cl"></div>
</div>
<div class=esfoot>
<div class=copy>Conocimientos Informáticos © http://www.ordenador.online</div>
</div>
</body>
</html> 