Maison  >  Article  >  interface Web  >  jQuery rotation fluide effet de diapositive code Sharing_jquery

jQuery rotation fluide effet de diapositive code Sharing_jquery

WBOY
WBOYoriginal
2016-05-16 15:40:241619parcourir

L'exemple de cet article décrit l'effet de diapositive à rotation fluide jQuery. Partagez-le avec tout le monde pour votre référence. Les détails sont les suivants :
Ce code est basé sur jQuery pour implémenter un diaporama à rotation fluide. L'effet est super cool et la scène est assez choquante. Pour personnaliser la taille et la couleur de l'image, veuillez modifier jQuery-jcImgScroll.js.
Diagramme des effets de course :                                                                                                                                                                                                                                                                                               --------

Conseils : Si le navigateur ne fonctionne pas correctement, vous pouvez essayer de changer de mode de navigation.

js code clé :



Le code du diaporama à rotation fluide jQuery partagé avec vous est le suivant
<script src="js/jQuery-1.7.1.js" language="javascript" type="text/javascript"></script>
<script src="js/jQuery-easing.js" language="javascript" type="text/javascript"></script>
<script src="js/jQuery-jcImgScroll.js" language="javascript" type="text/javascript"></script>
<script language="javascript" type="text/javascript">
<!-- 
$(function(){
 $("#demo1").jcImgScroll({
 
 });
 $("#demo2").jcImgScroll({
 count : 7
 });
 $("#demo3").jcImgScroll({
 arrow : {
 width:110, 
 height:342,
 x:220,
 y:0
 },
 count : 3,
 offsetX : 140,
 NumBtn : true,
 title:false
 });
});
-->
</script>


Ce qui précède est le code de l'effet de diapositive de rotation fluide jQuery partagé avec vous. J'espère que vous pourrez l'aimer et l'appliquer dans la pratique.
Déclaration:
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