InformationenJavaScript-Programmierung
More
Programming
HOME
* Computer Wissen >> Programming >> JavaScript-Programmierung >> .
So ändern Sie einen Mauszeiger mit jQuery
Wenn Sie eine Aufgabe in jQuery , die muss der Benutzer für eine Sekunde oder mehr , möchten Sie vielleicht , um den Cursor zu ändern , damit der Benutzer weiß, dass er warten soll, wartet , bis das System die Verarbeitung beendet die Informationen . Sie können den Cursor mit jQuery , indem Sie die CSS cursor Eigenschaft für den Körper des Dokuments zu ändern . Vergessen Sie nicht, den Cursor wieder ändern, wenn die Aufgabe abgeschlossen ist . Anleitung
1
Erstellen Sie eine neue HTML -Datei mit einem Editor oder Notepad. Legen Sie eine leere HTML -Gerüst und beinhalten die jQuery-Bibliothek in das Dokument ein. ! Zum Beispiel , Typ :
< DOCTYPE html PUBLIC " - //W3C //DTD XHTML 1.0 Transitional //EN" " http://www.w3.org/TR/xhtml1/DTD/xhtml1 - transitional.dtd " >
< p >
Download
ändern Cursor < /title> <br> < p > < script Seite 2 <p> erstellen jQuery-Funktion , für die Sie den Mauszeiger , wie beim Laden von Daten von einer externen Seite auf dem Web -Server zu ändern könnte . Geben Sie z. B. : <br> <p> $ (document) ready ( function () { $ <br> <p> bekommen ( " external.php " , function ( data) { <br> < . . br> 3 <p> ändern Sie den Mauszeiger , indem Sie die CSS-Eigenschaft für den Körper des Dokuments Beenden Sie die Funktion durch die Verarbeitung oder die Manipulation der Daten zum Beispiel , Typ : . . <br> <p> $ ( "body") . css ( " Cursor ", " Fortschritt "); <br> <p> doSomethingWithThe ( Daten); <br> <p> }); <br> 4 <p> Stellen Sie den Mauszeiger zurück zur automatischen Steuerung . Zum Beispiel , Typ : . <br> <p> $ ( "body") css ( " Cursor " , <br>
<div class=dead2><script language='javascript' src='/ad/de2.js'></script></div>
</div>
<div class=clear></div>
<div class="rightTxt">
<ul>
<li><a href='/Programming/Java-Programmierung/Wie-man-Dateien-mit-JSP-hochladen-.html'>Wie man Dateien mit JSP hochladen </a></li>
<li><a href='/Programming/Visual-Basics-Programmierung/Wie-man-ein-Closing-Knopf-Gestalte-ein-Formular-in-VB6-End-.html'>Wie man ein Closing Knopf Gestalte ein Formular in VB6 End </a></li>
<li><a href='/Programming/PHP--MySQL-Programmierung/Is_array-Vs--Is_string-in-PHP-.html'>Is_array Vs. Is_string in PHP </a></li>
<li><a href='/Programming/Computer-Programming-Languages/Wie-kommt-man-zum-Heliohost-Database-Connect-.html'>Wie kommt man zum Heliohost Database Connect </a></li>
<li><a href='/Programming/PHP--MySQL-Programmierung/SSIS-Isolation-Levels-.html'>SSIS Isolation Levels </a></li>
<li><a href='/Programming/PHP--MySQL-Programmierung/Wie-doppelte-Werte-in-MySQL-PHP-Ignorieren-.html'>Wie doppelte Werte in MySQL PHP Ignorieren </a></li>
<li><a href='/Programming/Computer-Programming-Languages/Wie-Rebuild-COBOL-Web-Server-.html'>Wie Rebuild COBOL Web Server </a></li>
</ul>
</div>
<div class=clear></div>
<div class="rightTxt r2">
<ul>
<li><a href='/Programming/C--C-----Programmierung/Erstellen-von-benutzerdefinierten-Texturen-in-GtkRadiant-Erstellen-.html'>Erstellen von benutzerdefinierten Texturen in GtkRadiant Ers…</a></li>
<li><a href='/Hardware/RAM---Karten-und-Motherboards/Acer-Aspire-Motherboard-Specs-.html'>Acer Aspire Motherboard Specs </a></li>
<li><a href='/Software/Textverarbeitung-Software/Wie-dauerhaft-entfernen-Kommentare-aus-Word-Dokumenten-.html'>Wie dauerhaft entfernen Kommentare aus Word-Dokumenten </a></li>
<li><a href='/Hardware/Computer-Laufwerke---Storage/HDMI-zu--DVI--Video-Adapter-.html'>HDMI-zu- DVI -Video-Adapter </a></li>
<li><a href='/Networking/Wireless-Networking/Protokolle-IEEE-802-15-4-.html'>Protokolle IEEE 802.15.4 </a></li>
</ul>
</div>
<div class=clear></div>
<!--right1 start -->
<!--right1 end -->
<!--right2 start -->
<!--right2 end -->
<div class=Comments>
<script language='javascript' src='/pl/'></script>
</div>
<div class=clear></div>
<br class="spacer" />
<form name="pl" action="/pl.asp" method="post">
<div class="contacttext" id="sub">Ihr Name: </div>
<div class="contactformfield" id="subtextbox">
<label>
<input type="text" name="name1" class="select" />
<span class="style1">*</span> </label>
</div>
<div class="contacttext" id="name">Kommentare: </div>
<div class="contactformmsgfild"><span class="contactformmessage">
<textarea name="textarea" class="Massaget" cols="30" rows="8"></textarea>
</span></div>
<div class="contactsubmit" id="submitbutton">
<label>
<input name="Submit" type="submit" class="submitbutton" value="Submit" />
</label>
</div>
</form>
<!--right1 start -->
<!--right1 end -->
<!--right2 start -->
<!--right2 end -->
<br class="spacer" />
</div>
<!--right end -->
<br class="spacer" />
</div>
<!--body end -->
<!--footer start -->
<div id="footer">
<p class="design" >Copyright © <a href="http://computer.51itpx.com">Computer Wissen</a> Alle Rechte vorbehalten</p>
</div>
<!--footer end -->
</body>
</html>