Maison >interface Web >js tutoriel >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 4fe5d0b678c5ba2dfd7510dee7b92bc9d2d0dc6c55787d0ab0740f9b3680fd36code 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.