Heim >Web-Frontend >js-Tutorial >jquery-Methode, um einen zufälligen Umschalteffekt des Fokus image_jquery zu erzielen

jquery-Methode, um einen zufälligen Umschalteffekt des Fokus image_jquery zu erzielen

WBOY
WBOYOriginal
2016-05-16 16:10:121086Durchsuche

Das Beispiel in diesem Artikel beschreibt, wie JQuery den zufälligen Umschalteffekt des Fokusbilds implementiert. Teilen Sie es als Referenz mit allen. Die Details lauten wie folgt:

1. Der Betriebseffekt ist in der folgenden Abbildung dargestellt:

2. Klicken Sie hier für den vollständigen BeispielcodeVon dieser Website herunterladen.

3. Der vollständige Code lautet wie folgt:

Code kopieren Der Code lautet wie folgt:




   
    Slides, ein Diashow-Plugin für jQuery
   
   
   
   
    <script><br>          <br>         $(function(){<br>             var easings = [];<br>             var row = 0;<br>             for(var x in jQuery.easing){<br>                 if (x != 'linear' && x != 'swing') {<br>                     Lockerungen[row ] = x;<br>                 }<br>             } <br>              <br>             $('#slides').slides({<br>                 Vorspannung: wahr,<br>                 preloadImage: 'img/loading.gif',<br>                 Spiel: 5000,<br>                 Pause: 2500,<br>                 slideEasing: „swing“, <br>                 slideSpeed: 2000,<br>                 hoverPause: true,<br>                 animationComplete: function(current) {<br>                      var index = Math.floor(Math.random() * easings.length);<br>                      jQuery.easing.def = easings[index];<br>                 }<br>             });<br>         });<br>     </script>


   


希望本文所述对大家的jQuery程序设计有所帮助。

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn