jquery實現焦點圖片隨機切換效果的方法_jquery

本文實例講述了jquery實現焦點圖片隨機切換效果的方法。分享給大家供大家參考。具體如下：

1. 運作效果如下圖：

2.完整實例程式碼點擊此處本站下載。

3.完整程式碼如下：

複製程式碼 程式碼如下:

   
   
   
   
   
   
   
        
        $(函數(){
            var 緩動 = [];
            var 行 = 0;
            for(jQuery.easing 中的 var x){
                if (x != '線性' && x != '擺動') {
                    以緩動[使用] = x;
                }
            }
            
            $('#slides').slides({
                預先載入：true，
                preloadImage: 'img/loading.gif',
                播放：5000，
                暫停：2500，
                SlideEasing：「搖擺”，
                投影片速率：2000，
                暫停暫停：true，
                動畫完成：函數（目前）{
                     var index = Math.floor(Math.random() * easings.length);
                     jQuery.easing.def = easings[index];
                }
            });
        });
    腳本>
頭>

   

       

           
           

               

                   
                   
                   
                   
                   
               

                あ>
                あ>
           

           
       

       

           

完全な手順については、http://slidesjs.com にアクセスしてください。

           

スライダーのデザインは Orman Clark による Premium Pixels にあります。ソース PSD は、Premium Pixels からダウンロードできます。 p>
           

© 2010 ネイサン・サールズ。無断転載を禁じます。 Slides は、Apache ライセンスに基づいてライセンスされています。