jquery实现焦点图片随机切换效果的方法_jquery

本文实例讲述了jquery实现焦点图片随机切换效果的方法。分享给大家供大家参考。具体如下：

1. 运行效果如下图所示：

2.完整实例代码点击此处本站下载。

3.完整代码如下：

复制代码 代码如下:

   
   
   
   
   
   
    <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 /> easings[row++] = x;<br /> }<br /> } <br /> <br /> $('#slides').slides({<br /> preload: true,<br /> preloadImage: 'img/loading.gif',<br /> play: 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>


   

       

           
           

               

                   
                   
                   
                   
                   
                   
                   
               

               
               
           

           
       

       

           

For full instructions go to http://slidesjs.com.

           

Slider design by Orman Clark at Premium Pixels. You can donwload the source PSD at Premium Pixels

           

© 2010 Nathan Searles. All rights reserved. Slides is licensed under the Apache license.

       

   

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