Welkom op de Nederland Computer Kennisnetwerk!  
 
Zoeken computer kennis
Home Hardware Netwerken Programmering Software Computerstoring Besturingssysteem
Computer Kennis >> Programmering >> JavaScript Programmeren >> Content
Hoe een muis Cursor Met JQuery Verander
Als u een taak in jQuery , dat zal de gebruiker nodig om te wachten op een tweede of meer , wil je misschien de cursor naar de gebruiker te laten weten dat hij moet wachten tot het systeem uitvoeren is verwerkt de gegevens. U kunt de cursor met jQuery wijzigen door de eigenschap CSS cursor voor het lichaam van het document . Vergeet niet om de cursor terug te veranderen wanneer de taak is voltooid . Instructies
1

Maak een nieuwe HTML-bestand met een editor of het Kladblok . Plaats een lege HTML skelet en omvatten de jQuery library in het document . ! Typ bijvoorbeeld :

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

"

Wijzig Cursor < /title > Telefoonkaarten <p > < script Pagina 2 <p> Maak een jQuery functie waarvoor je zou willen om de muiscursor , zoals bij het laden van gegevens uit een externe pagina op de webserver te wijzigen . Typ bijvoorbeeld : <br> <p> $ ( document ) klaar ( function ( ) { <br> <p> $ te krijgen ( " external.php " , function ( data ) { <br> < . . br > 3 <p> Verander de muiscursor door wijziging van de CSS-eigenschap voor het lichaam van het document Voltooi de functie door het verwerken of manipuleren van de gegevens Typ bijvoorbeeld : . . <br> <p> $ ( " body " ) . css ( " cursor " , " vooruitgang" ) ; <p> doSomethingWithThe <br> ( data ) ; <br> <p> } ) ; <br> 4 <p> Zet de muiscursor terug naar automatische controle . Typ bijvoorbeeld : . <p> $ <br> ( " body " ) css ( " cursor " , <br></td> </tr> </table> <table border=0 cellSpacing=0 cellPadding=0 width=970 align=center height=90> <tr> <td bgColor=#e7edf4 align=middle><script language='javascript' src='/ad/201310/3.js'></script></td> </tr> </table> <table border=0 cellSpacing=0 cellPadding=0 width=970 align=center height=90> <tr> <td align=left>Previous: <a class='LinkPrevArticle' href='/programmering/javascript-programming/201309/91013.html' >Hoe een Integer Pass om een functie in JavaScript </a></li> </td> <td align=right>Next: <a class='LinkNextArticle' href='/programmering/javascript-programming/201309/91015.html' >Hoe te Beide SRC en Inline gebruiken in JavaScript </a></li> </td> </tr> </table> </td> </tr> </table> <table border=0 cellSpacing=0 cellPadding=0 width=970 align=center height=18> <tr> <td></td> </tr> </table> <table border=0 cellSpacing=0 cellPadding=0 width=970 align=center height=246> <tr> <td height=246 vAlign=top width=199> <table class=bian border=0 cellSpacing=0 cellPadding=0 width=199> <tr> <td height=244 vAlign=top width=197> <table border=0 cellSpacing=0 cellPadding=0 width="100%" bgColor=#dbe3ee> <tr> <td height=29 width="4%"> </td> <td width="96%"><STRONG>JavaScript Programmeren</STRONG></td> </tr> </table> <table width="100%" cellpadding="0" cellspacing="0"><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmering/javascript-programming/201309/91172.html" title="Hoe maak je een Date Script Creëren " target="_self">Hoe maak je een Date Script Cr…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmering/javascript-programming/201309/90846.html" title="Hoe maak je een JavaScript Wrapper voor API Creëren " target="_self">Hoe maak je een JavaScript Wra…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmering/javascript-programming/201309/91145.html" title="Hoe kan ik HTML Tekst Selectie Uitschakelen " target="_self">Hoe kan ik HTML Tekst Selectie…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmering/javascript-programming/201309/91277.html" title="Hoe te HREF gebruiken JavaScript Links " target="_self">Hoe te HREF gebruiken JavaScri…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmering/javascript-programming/201309/91206.html" title="Hoe de Print Screen -functie gebruiken JavaScript inschakelen " target="_self">Hoe de Print Screen -functie g…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmering/javascript-programming/201309/91105.html" title="Hoe te wijzigen van een achtergrondbeeld op Rollover " target="_self">Hoe te wijzigen van een achter…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmering/javascript-programming/201309/90981.html" title="Hoe kan ik een variabele lengte in Javascript Beperk " target="_self">Hoe kan ik een variabele lengt…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmering/javascript-programming/201309/90843.html" title="Hoe maak je een gebruiker Script in GreaseMonkey " target="_self">Hoe maak je een gebruiker Scri…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmering/javascript-programming/201309/91018.html" title="Hoe toegang Element Attributen Met JavaScript " target="_self">Hoe toegang Element Attributen…</a></td></tr><tr></tr></table></td> </tr> </table> </td> <td vAlign=top width=12></td> <td vAlign=top width=375> <table class=bian border=0 cellSpacing=0 cellPadding=0 width=375> <tr> <td height=244 vAlign=top> <table border=0 cellSpacing=0 cellPadding=0 width="100%" bgColor=#dbe3ee> <tr> <td height=29 width="4%"> </td> <td width="96%"><STRONG>Related Articles</STRONG></td> </tr> </table> <table border=0 cellSpacing=4 cellPadding=0 width="95%" align=center height=209> <tr> <td height=201 width="33%"><IMG src="/img_xby/n1.jpg" width=111 height=182></td> <td width="67%"><a class='LinkArticleCorrelative' href='/programmering/visual-basics-programming/201309/96568.html' target="_self">Hoe maak je een Combo Box Maak in Visual…</a><br><a class='LinkArticleCorrelative' href='/programmering/visual-basics-programming/201309/96567.html' target="_self">Hoe maak je een Check Box Maak in Visual…</a><br><a class='LinkArticleCorrelative' href='/programmering/visual-basics-programming/201309/96566.html' target="_self">Hoe maak je een tekstvak maken in Visual…</a><br><a class='LinkArticleCorrelative' href='/programmering/visual-basics-programming/201309/96565.html' target="_self">Hoe maak je een optie Box in Visual Basi…</a><br><a class='LinkArticleCorrelative' href='/programmering/visual-basics-programming/201309/96564.html' target="_self">Hoe maak je een schijf keuzelijst in Vis…</a><br><a class='LinkArticleCorrelative' href='/programmering/visual-basics-programming/201309/96563.html' target="_self">Hoe kan ik een keuzelijst maken in Visua…</a><br><a class='LinkArticleCorrelative' href='/programmering/visual-basics-programming/201309/96562.html' target="_self">Hoe kan ik een Picture Box Maak in Visua…</a><br><a class='LinkArticleCorrelative' href='/programmering/visual-basics-programming/201309/96561.html' target="_self">Hoe een bestand keuzelijst Maak in Visua…</a><br><a class='LinkArticleCorrelative' href='/programmering/visual-basics-programming/201309/96560.html' target="_self">Hoe kan ik een afbeelding Box Maak in Vi…</a><br></td> </tr> </table> </td> </tr> </table> </td> <td vAlign=top width=8></td> <td vAlign=top width=376> <table class=bian border=0 cellSpacing=0 cellPadding=0 width=375> <tr> <td height=244 vAlign=top> <table border=0 cellSpacing=0 cellPadding=0 width="100%" bgColor=#dbe3ee> <tr> <td height=29 width="4%"> </td> <td width="96%"><STRONG>Programmering Articles</STRONG></td> </tr> </table> <table border=0 cellSpacing=4 cellPadding=0 width="95%" align=center height=207> <tr> <td height=199 width="33%"><IMG src="/img_xby/n2.jpg" width=111 height=182></td> <td width="67%"> <table width="100%" cellpadding="0" cellspacing="0"><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmering/visual-basics-programming/201309/95581.html" title="Hoe te Pivot Table Logic Gebruik " target="_self">Hoe te Pivot Table Logic Gebruik </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmering/visual-basics-programming/201309/94997.html" title="Hoe maak je een beperking in Access toevoegen " target="_self">Hoe maak je een beperking in Access toev…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmering/computer-programming-languages/201309/88270.html" title="Alternatieven voor een hyperlink " target="_self">Alternatieven voor een hyperlink </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmering/php-mysql-programming/201309/91895.html" title="Hoe maak je een Array Invoegen om een database tabel Met behulp van PHP " target="_self">Hoe maak je een Array Invoegen om een da…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmering/python-programming/201309/93863.html" title="Hoe maak je een Python -bestand als EXE uitvoeren met Python 3 " target="_self">Hoe maak je een Python -bestand als EXE …</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmering/php-mysql-programming/201309/92728.html" title="Over E-mailbijlagen Met behulp van PHP " target="_self">Over E-mailbijlagen Met behulp van PHP </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmering/visual-basics-programming/201309/95461.html" title="Soorten Loops in Visual Basic " target="_self">Soorten Loops in Visual Basic </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmering/computer-programming-languages/201309/86705.html" title="Verschillen tussen Coding & Programmering " target="_self">Verschillen tussen Coding & Programmerin…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmering/computer-programming-languages/201309/88658.html" title="Hoe kan ik Google Maps gebruiken in C # " target="_self">Hoe kan ik Google Maps gebruiken in C # </a></td></tr><tr></tr></table></td> </tr> </table> </td> </tr> </table> </td> </tr> </table> <table border=0 cellSpacing=0 cellPadding=0 width=970 align=center height=10> <tr> <td></td> </tr> </table> <table border=0 cellSpacing=0 cellPadding=0 width=970 align=center height=57> <tr> <td class=bs background=/img_xby/di.jpg align=center>Copyright © Computer Kennis http://www.nldit.com <script language='javascript' src='/ad/201310/5.js'></script></td> </tr> </table> <table border=0 cellSpacing=0 cellPadding=0 width=970 align=center height=10> <tr> <td></td> </tr> </table> </div> </body> </html>