自己实现的jquery全面屏滚动插件

自己实现的jquery全面屏滚动插件。demo

<div id="fullpage"> <div class="sections"> <div class="section"><span>第一屏</span></div> <div class="section"><span>第二屏</span></div> <div class="section"><span>第三屏</span></div> <div class="section"><span>第四屏</span></div> </div> </div> js代码初始化

$("#fullpage").fullpage({ //初始化参数 //各种参数、各种属性 scrollingSpeed: .7, //滚动速度 animateType: "ease-in", //滚动动画方式 navigation: true, //是否显示导航按钮 navigationPosition: "right", //导航按钮位置(left|right) keyboardScrolling: true, //是否适用键盘方向键切换 loopScroll: true, //是否循环滚动 nowPage: 0, //初始页面值 setPageColor: true, //是否希望自动设置分页背景颜色 },beforeMove,afterMove)//页面滚动前和滚动完成回调函数。不需要可以不写。 function beforeMove(nowPage){} function afterMove(nowPage){}