|
|
|
| Cómo cambiar el cursor del ratón con jQuery |
|
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=ad2><script language='javascript' src='/ad/201310/4.js'></script></div>
</div>
</td>
</tr>
</table>
<table width="95%" height="1" border="0" align="center" cellpadding="0" cellspacing="0" bgcolor="#DEE7EE">
<tr>
<td></td>
</tr>
</table>
<table width="100%" height="7" border="0" cellpadding="0" cellspacing="0">
<tr>
<td></td>
</tr>
</table>
<table width="91%" height="52" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td width="51%"><p>Previous ： <a class='LinkPrevArticle' href='/Programacion/javascript-programming/91013.html' >Cómo pasar un entero a una función de JavaScript </a></li></p></td>
</tr>
<tr>
<td width="49%"> next ： <a class='LinkNextArticle' href='/Programacion/javascript-programming/91015.html' >Cómo utilizar Ambos SRC y en línea en JavaScript </a></li></td>
</tr>
</table></td>
</tr>
</table>
<table width="100%" height="7" border="0" cellpadding="0" cellspacing="0">
<tr>
<td></td>
</tr>
</table>
<table width="770" height="246" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td width="375" height="246" valign="top"><table width="380" border="0" cellpadding="0" cellspacing="0" class="bian">
<tr>
<td height="244" valign="top"><table width="100%" border="0" cellpadding="0" cellspacing="0" background="img_dm/danmai_r4_c04 -.jpg" bgcolor="#DBE3EE">
<tr>
<td width="4%" height="29"> </td>
<td width="96%" class="lan_lm"> Artículos relacionados </td> </tr>
</table>
<table width="95%" height="209" border="0" align="center" cellpadding="0" cellspacing="4">
<tr>
<td height="201"><table width="100%" cellpadding="0" cellspacing="0"><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programacion/javascript-programming/90803.html" title="Cómo deshabilitar la API de Google Maps Marker burbuja Google " target="_self">Cómo deshabilitar la API de Google Maps Marker burbuja…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programacion/javascript-programming/91237.html" title="Cómo cambiar la clase de estilo con JavaScript " target="_self">Cómo cambiar la clase de estilo con JavaScript </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programacion/javascript-programming/91085.html" title="Información sobre la programación del Palm OS " target="_self">Información sobre la programación del Palm OS </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programacion/javascript-programming/90956.html" title="Cómo devolver Funciones adicionales para múltiples números de JavaScript " target="_self">Cómo devolver Funciones adicionales para múltiples nú…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programacion/javascript-programming/90963.html" title="Extracción de una barra de desplazamiento vertical en JavaScript " target="_self">Extracción de una barra de desplazamiento vertical en …</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programacion/javascript-programming/91175.html" title="Definición de JavaScript " target="_self">Definición de JavaScript </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programacion/javascript-programming/91176.html" title="Imprimir Tutorial de JavaScript " target="_self">Imprimir Tutorial de JavaScript </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programacion/javascript-programming/90933.html" title="Cómo editar una carta en Acajoom " target="_self">Cómo editar una carta en Acajoom </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programacion/javascript-programming/91074.html" title="Cómo incrustar un enlace en AS2 " target="_self">Cómo incrustar un enlace en AS2 </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programacion/javascript-programming/90769.html" title="Códigos de PHP en JavaScript Sintaxis " target="_self">Códigos de PHP en JavaScript Sintaxis </a></td></tr><tr></tr></table></td>
</tr>
</table></td>
</tr>
</table></td>
<td width="20" valign="top"></td>
<td width="375" valign="top"><table width="380" border="0" cellpadding="0" cellspacing="0" class="bian">
<tr>
<td height="244" valign="top"><table width="100%" border="0" cellpadding="0" cellspacing="0" background="img_dm/danmai_r4_c04 -.jpg" bgcolor="#DBE3EE">
<tr>
<td width="4%" height="29"> </td>
<td width="96%" class="lan_lm">Artículos destacados </td> </tr>
</table>
<table width="95%" height="207" border="0" align="center" cellpadding="0" cellspacing="4">
<tr>
<td height="199"><table width="100%" cellpadding="0" cellspacing="0"><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programacion/php-mysql-programming/92374.html" title="Cómo insertar datos en una matriz en PHP " target="_self">Cómo insertar datos en una matriz en PHP </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programacion/java-programming/89926.html" title="Cómo instalar Eclipse for BlackBerry " target="_self">Cómo instalar Eclipse for BlackBerry </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programacion/php-mysql-programming/92305.html" title="Cómo crear Tabla Incrementos Auto en MySQL " target="_self">Cómo crear Tabla Incrementos Auto en MySQL </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programacion/python-programming/93648.html" title="Cómo ejecutar un script de Python en IPython " target="_self">Cómo ejecutar un script de Python en IPython </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programacion/php-mysql-programming/91428.html" title="Cómo desinflar el icono PHP " target="_self">Cómo desinflar el icono PHP </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programacion/java-programming/90277.html" title="Cómo visualizar información dinámica en páginas Web con JavaServer Faces " target="_self">Cómo visualizar información dinámica en páginas Web…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programacion/visual-basics-programming/96367.html" title="Cómo Gray Salida Botones en Visual Basic " target="_self">Cómo Gray Salida Botones en Visual Basic </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programacion/php-mysql-programming/91297.html" title="Funciones de una franja de mesa " target="_self">Funciones de una franja de mesa </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programacion/javascript-programming/91115.html" title="Cómo hacer esquinas curvas Javascript para IE " target="_self">Cómo hacer esquinas curvas Javascript para IE </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programacion/php-mysql-programming/92002.html" title="Cómo instalar el chat en vivo en una tienda Volusion " target="_self">Cómo instalar el chat en vivo en una tienda Volusion </a></td></tr><tr></tr></table></td>
</tr>
</table></td>
</tr>
</table></td>
</tr>
</table></td>
</tr>
</table>
<table width="980" height="8" border="0" cellpadding="0" cellspacing="0">
<tr>
<td></td>
</tr>
</table>
<table border=0 cellSpacing=0 cellPadding=0 width=980 bgColor=#36506e height=90>
<tr>
<td class=bs height=90 align=middle>Copyright © Conocimientos Informáticos http://ordenador.wingwit.com
<script language='javascript' src='/ad/201310/1.js'></script></td>
</tr>
</table>
</div>
</body>
</html>
| | |
