So implementieren Sie den jQuery-Ebeneneffekt nach der Mausbewegung_jquery

Das Beispiel in diesem Artikel beschreibt, wie jQuery Ebeneneffekte implementiert, die der Mausbewegung folgen. Teilen Sie es als Referenz mit allen. Die spezifische Analyse lautet wie folgt:

1. Grundlegende Ziele

Schreiben Sie eine Ebene, die der Mausbewegung folgt,

Die aktuelle Mausposition wird in der Ebene angezeigt,

Wie unten gezeigt:

Der Grund, warum diese Ebene jQuery anstelle von Javascript verwendet, liegt darin, dass der jQuery-Code problemlos mit allen aktuellen Mainstream-Browsern kompatibel ist. Zumindest IE8 erfordert keine großen Codeabschnitte wie Javascript.

2. Produktionsprozess

Der Kern dieses Experiments ist das Mousemove-Ereignis in JQuery,

Wird ausgelöst, wenn sich die Maus bewegt.

Der Code lautet wie folgt:

Code kopieren Der Code lautet wie folgt:

<script> /*Ein Paar aus e.pageX und e.pageY kann die aktuellen Koordinaten der Maus erhalten. Beachten Sie, dass der formale Parameter e in der anfänglichen Funktionsdeklaration verwendet wird*/ <br> $(document).mousemove(function (e) { <br> var x; <br> var y; <br> var xy="<br>x-Koordinate: " e.pageX ", y-Koordinate: " e.pageY; x=e.pageX; <br> y=e.pageY; <br> Dokument .getElementById("mousePosition").style.left = x "px"; Dokument .getElementById("mousePosition").style.top = y "px"; $("#mousePosition").html(xy); }) <br> <br> </script>


Ich hoffe, dass dieser Artikel für alle bei der jQuery-Programmierung hilfreich sein wird.