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

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

WBOY
Libérer: 2016-05-16 16:04:12
original
1183 Les gens l'ont consulté

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>

Copier après la connexion

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.

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal