你的位置:首页 > 软件开发 > Java > jQuery fullPage.js 全屏滚动

jQuery fullPage.js 全屏滚动

发布时间:2016-09-23 10:00:03
fullPage 是一款不依赖任何 js 库的全屏滚动组件,支持垂直/水平滚动、CSS3 旋转/缩放动画,支持 IE5.5+,支持移动设备。在线实例垂直滚动水平滚动CSS3 动画1CSS3 动画2CSS3 动画3过度效果回调函数自动滚动使用方法<div id=&quot ...

fullPage 是一款不依赖任何 js 库的全屏滚动组件,支持垂直/水平滚动、CSS3 旋转/缩放动画,支持 IE5.5+,支持移动设备。

在线实例

垂直滚动

水平滚动

CSS3 动画1

CSS3 动画2

CSS3 动画3

过度效果

回调函数

自动滚动

使用方法

  1. <div id="pageContain"> 
  2.     <div class="page page1 current"> 
  3.         <div class="contain"> 
  4.             <p class="txt">第一屏</p> 
  5.         </div> 
  6.     </div> 
  7.  
  8.     <div class="page page2"> 
  9.         <div class="contain"> 
  10.             <p class="txt">第二屏</p> 
  11.         </div> 
  12.     </div> 
  13.    ...... 
  14. </div> 
  15.  
  16. <ul id="navBar"> 
  17.     <li>1</li> 
  18.     <li>2</li> 
  19.     ....... 
  20. </ul>
复制

原标题:jQuery fullPage.js 全屏滚动

关键词:JS

JS
*特别声明:以上内容来自于网络收集,著作权属原作者所有,如有侵权,请联系我们: admin#shaoqun.com (#换成@)。