English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

Vollständiges Beispiel zur Erstellung eines magnetischen Bildverfolgungseffekts mit jQuery

Dieser Beispielcode zeigt die Implementierung des jQuery-Effekts der magnetischen Bildverfolgung. Hiermit wird allen zur Verfügung gestellt und zur Referenz vorgestellt, wie folgt:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
  <title>Magnetbild</title>
  <style type="text/css">
    #imgSel{position:absolute;}
  </style>
  <script src="../js/jquery-1.5.1.min.js" type="text/javascript"></script>
  <script type="text/javascript">
    $("function () {
      $("document").mousemove(function (e) {
        $("#imgSel").animate({"left":e.pageX,"top":e.pageY},0.1);
      });
    });
  </script>
</head>
<body>
  <img id="imgSel" src="../images/select.JPG" />
</body>
</html>

Interessierte Leser, die mehr über jQuery erfahren möchten, können die Themen dieser Website überprüfen: "jQuery-Wechsel-Effekte und -Techniken zusammengefasst", "jQuery-Verlängerungstechniken zusammengefasst", "jQuery-häufig verwendete Plugins und -Verwendungen zusammengefasst", "jQuery-Ziehe-und-Werfe-Effekte und -Techniken zusammengefasst", "jQuery-Tabelle-(table)-Verarbeitungstechniken zusammengefasst", "Ajax-Verwendung in jQuery zusammengefasst", "jQuery-kluge Effekte zusammengefasst", "jQuery-Animation und -Effekte zusammengefasst" und "jQuery-Selektor-Verwendung zusammengefasst"

Es hofft, dass die in diesem Artikel beschriebenen Informationen für die jQuery-Programmierung von Vorteil sind.

Erklärung: Der Inhalt dieses Artikels stammt aus dem Internet und ist dem Urheberrecht des jeweiligen Eigentümers unterliegt. Der Inhalt wurde von Internetbenutzern freiwillig beigesteuert und hochgeladen. Diese Website besitzt keine Eigentumsrechte und hat den Inhalt nicht von Hand bearbeitet. Sie übernimmt auch keine rechtlichen Verantwortlichkeiten. Wenn Sie verdächtige urheberrechtliche Inhalte finden, freuen wir uns über die Sendung einer E-Mail an: notice#oldtoolbag.com (Bitte ersetzen Sie # durch @ beim Senden einer E-Mail zur Meldung von Missbrauch und stellen Sie relevante Beweise zur Verfügung. Sobald überprüft, wird die Website die涉嫌侵权的内容 sofort löschen.)

Dir könnte auch gefallen