Exemple complet de l'effet de suivi de l'image magnétique réalisé par jQuery

Cette exemple montre comment utiliser jQuery pour réaliser l'effet de suivi de l'image magnétique. Partagé avec vous pour votre référence, voici les détails :

<!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>Image magnétique</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>

Les lecteurs intéressés par d'autres contenus sur jQuery peuvent consulter les sujets spéciaux de ce site : "Résumé des effets et des techniques de basculement jQuery", "Résumé des techniques d'extension jQuery", "Résumé des plugins et de leurs utilisations courantes jQuery", "Résumé des effets et des techniques de glisser-déposer jQuery", "Résumé des techniques de manipulation des tableaux (table) jQuery", "Résumé des utilisations d'Ajax dans jQuery", "Résumé des effets classiques courants jQuery", "Résumé des utilisations des animations et des effets jQuery" et "Résumé des sélecteurs jQuery".

J'espère que l'article décrit ici pourra aider les développeurs jQuery.

Déclaration : Le contenu de cet article est issu du réseau, propriété des auteurs respectifs, contribué et téléchargé par les utilisateurs d'Internet de manière volontaire. Ce site ne détient pas de droits de propriété, n'a pas été édité par l'homme, et n'assume aucune responsabilité juridique. Si vous trouvez du contenu suspect de violation de droits d'auteur, veuillez envoyer un e-mail à : notice#oldtoolbag.com (veuillez remplacer # par @ lors de l'envoi d'un e-mail pour signaler une violation, et fournir des preuves pertinentes. Une fois vérifié, ce site supprimera immédiatement le contenu suspect de violation de droits d'auteur.

Tutoriel de base