Le plug-in jquery orbit.js implémente les effets de pliage et de rotation d'image_jquery

Code de rotation de pliage d'image jQuery, vous pouvez cliquer sur les boutons fléchés gauche et droit pour changer d'image, belle et concise. Compatible avec les navigateurs grand public, le téléchargement de phplearn est recommandé aux débutants !

Comment utiliser :
1. Fichiers de référence de la zone d'en-tête jquery.min.js, chuxz.css
2. Ajoutez code de région
dans le fichier 3. Citez jq.orbit.js.js, orbit.js
en bas de page 4. Copiez les images du dossier images dans le chemin correspondant

<div class="orbit-wrapper">       
  <div id="featured" class="orbit">  
    <a href="http://www.phplearn.cn/"><img src="images/1.jpg" width="185" alt="《Just Married》" title="《Just Married》"></a>  
    <a href="http://www.phplearn.cn/"><img src="images/2.jpg" width="185" alt="《佩加索斯》" title="《佩加索斯》"></a>  
    <a href="http://www.phplearn.cn/"><img src="images/3.jpg" width="185" alt="《太庙的一场偶遇》" title="《太庙的一场偶遇》"></a>  
    <a href="http://www.phplearn.cn/"><img src="images/4.jpg" width="185" alt="《为爱痴狂》" title="《为爱痴狂》"></a>  
    <a href="http://www.phplearn.cn/"><img src="images/5.jpg" width="185" alt="《游走，在北京的每一条街》" title="《游走，在北京的每一条街》"></a>  
  </div>  
</div>  
<script type="text/javascript" src="js/jq.orbit.js"></script>  
<script type="text/javascript" src="js/orbit.js"></script>

Photo de démonstration :

Ce qui précède représente l’intégralité du contenu de cet article, j’espère que vous l’aimerez tous.