效果最好的焦點圖幻燈片jQuery插件Skippr

欄目分類：效果代碼   發布日期：2014-08-27   來源：互聯網   瀏覽次數：次

1. <div id="container"> 
2.        <div id="theTarget"> 
3.        <div style="background-image: url(img/image1.jpg)">div> 
4.        <div style="background-image: url(img/image2.jpg)">div> 
5.        <div style="background-image: url(img/image3.jpg)">div> 
6.        <div style="background-image: url(img/image4.jpg)">div> 
7.       <div style="background-image: url(img/image5.jpg)">div> 
8.    div>     
9. div> 

1. <script> 
2.  $(document).ready(function(){ 
3.  
4.           $("#theTarget").skippr({ 
5.  
6.             transition: 'slide', 
7.             speed: 1000, 
8.             easing: 'easeOutQuart', 
9.             navType: 'block', 
10.             childrenElementType: 'div', 
11.             arrows: true, 
12.             autoPlay: false, 
13.             autoPlayDuration: 5000, 
14.             keyboardOnAlways: true, 
15.             hidePrevious: false 
16.         });             
17.  
18.    });  
19.   script>