page-slide
jQuery頁面滑動插件，可簡單實現全屏滾動和輪播圖效果，覺得不錯可以star一下
源碼地址： 源碼地址
-
插件默認參數
direction: 'vertical', // 滑動方向，參數vertical,horizontal fullPage: true, // 是否是全屏滑動 width: 500, // 全屏滑動設置為false，不是全屏滾動時，設置滑動寬度 height: 500, // 全屏滑動設置為false，不是全屏滾動時，設置滑動高度 autoSlide: false, // 是否自動滾動,自動滑動時鼠標放到頁面上會停止滑動，移開會重新滑動 loop: true, // 是否循環滾動，循環滾動時在最后一張會回滾到第一張 delay: 3000, // 自動滾動間隔時間 duration: 1000, // 滾動持續時間 navigation: true, // 是否顯示定位分頁，分頁導航樣式可在CSS中設置，當前導航會獲得類名`active`，導航樣式請在CSS中設置 navigationEvent: 'click', // 定位分頁觸發事件，如mouseover、click callback: function () {}, // 回調函數，默認傳入參數index，方便判斷當前頁 -
頁面結構
<!-- 目標div結構 --> <div> <div> <div>Page One</div> <div>Page Two</div> <div>Page Three</div> </div> <!-- 設置navigation設置為true，將會自動生成導航元素 <ul> <li> 1 </li> <li> 2 </li> <li> 3 </li> </ul> --> <div> demo演示
全屏滾動演示： https://huanghaibin91.github.io/Page-slide/demo/demo-fullpage
輪播圖演示： https://huanghaibin91.github.io/Page-slide/demo/demo-carousel
回調函數演示： https://huanghaibin91.github.io/Page-slide/demo/demo-callback
