Maison  >  Article  >  interface Web  >  méthode jquery pour obtenir un effet de commutation aléatoire du focus image_jquery

méthode jquery pour obtenir un effet de commutation aléatoire du focus image_jquery

WBOY
WBOYoriginal
2016-05-16 16:10:121068parcourir

L'exemple de cet article décrit comment jquery implémente l'effet de commutation aléatoire de l'image focus. Partagez-le avec tout le monde pour votre référence. Les détails sont les suivants :

1. L'effet de l'opération est illustré dans la figure ci-dessous :

2. Cliquez ici pour l'exemple de code completTélécharger depuis ce site.

3. Le code complet est le suivant :

Copier le code Le code est le suivant :




   
    Slides, un plugin de diaporama pour jQuery
   
   
   
   
    <script><br />          <br />         $(fonction(){<br />             var assouplissements = [];<br />             var ligne = 0;<br />             pour (var x dans jQuery.easing){<br />                 if (x != 'linéaire' && x != 'swing') {<br />                     assouplissements[ligne ] = x;<br />                 ><br />             } <br />              <br />             $('#slides').slides({<br />                 précharge : vrai,<br />                 preloadImage : 'img/loading.gif',<br />                 jouer : 5000,<br />                 pause : 2500,<br />                 slideEasing : "swing", <br />                 slideSpeed ​​: 2000,<br />                 hoverPause : vrai,<br />                 animationComplete : fonction (actuelle) {<br />                      var index = Math.floor(Math.random() * easings.length);<br />                      jQuery.easing.def = assouplissements[index];<br />                 ><br />             });<br />         });<br />     </script>
ête>

   

       

            Nouveau ruban
           

               
               

            méthode jquery pour obtenir un effet de commutation aléatoire du focus image_jquery
       

       

           

有關完整說明,請造訪 http://slidesjs.com


           

滑桿由 Orman Clark 在 Premium Pixels 設計。您可以在Premium Pixels 下載來源PSD p>
           

© 2010 內森‧塞爾斯。版權所有。 Slides 已取得 Apache 授權


許可        

   

身體>

希望本文對大家介紹的 jQuery 程式設計有所幫助。

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