Maison > Article > interface Web > Exemple d'utilisation du plug-in de rotation d'image jQuery jQueryRotate.js (avec téléchargement de démo)_jquery
L'exemple de cet article décrit l'utilisation du plug-in de rotation d'images jQuery jQueryRotate.js. Partagez-le avec tout le monde pour votre référence, les détails sont les suivants :
Recommandez un plug-in de rotation d'images pour faire pivoter les images lorsque vous parcourez les albums photo.
La capture d'écran de l'effet en cours d'exécution est la suivante :
Cliquez ici pour voir la démonstration en ligne .
Le code spécifique est le suivant :
<script type="text/javascript"> $(document).ready(function () { $("#images").rotate(45); var value = 0 $("#images1").rotate({ bind: { mouseover: function(){ value +=90; $(this).rotate({ animateTo:value}) } } }); $('#button').click(function(){ $("#images1").rotate({animateTo:parseInt($('#angel').val())}); }); function rotation (){ $("#images2").rotate({ angle:0, animateTo:360, callback: rotation, easing: function (x,t,b,c,d){ return c*(t/d)+b; } }); } rotation(); }); </script>
Ce qui précède n'est que du code js, cliquez ici pour l'exemple de code completTélécharger depuis ce site.
Les lecteurs intéressés par plus de contenu lié aux plug-ins jQuery peuvent consulter le sujet spécial de ce site : " Résumé des plug-ins jQuery courants et de leur utilisation"
J'espère que cet article sera utile à tous ceux qui programment jQuery.