jQuery Flickerplate 幻燈片

Flickerplate 是個輕量級 jQuery 插件,大小僅為 12 kb。它允許用戶點擊滑鼠然後轉換內容,非常容易使用,響應式,支持觸摸設備

線上實例

使用方法

1. <div class="flicker-example"> 
2.     <ul> 
3.         <li data-background="img/field.jpg"> 
4.             <div class="flick-title">Flickerplate</div> 
5.             <div class="flick-sub-text">——小巧的jQuery幻燈片插件</div> 
6.         </li> 
7.         <li data-background="img/forest.jpg"> 
8.             <div class="flick-title">可修改 Javascript 或 CSS</div> 
9.             <div class="flick-sub-text">查看參數，看看如何修改成你需要的效果</div> 
10.         </li> 
11.         <li data-background="img/frozen-water.jpg"> 
12.             <div class="flick-title">觸摸事件</div> 
13.             <div class="flick-sub-text">引入 jQuery Finger 插件可支持移動設備觸摸事件</div> 
14.         </li> 
15.     </ul> 
16. </div>

1. $(function() { 
2.     $('.flicker-example').flicker(); 
3. });

參數詳解