-
是否使用键盘方向键导航，默认true。keyboardscrolling查看全部
-
设置固定到顶部或者底部的导航栏查看全部
-
是否使用插件的滚动方式查看全部
-
配置项 滚动的方式查看全部
-
anchors 定义锚链接查看全部
-
配置项 verticalcentered查看全部
-
fullpage.js 的配置项 sectionsColor controlArrows查看全部
-
fullpage.js 需要引入的文件查看全部
-
move.js是一个js库，支持css3 set(css属性，属性值) scale（缩放的倍数） rotate（旋转的角度数）；可正可负 end（）；用于结束move.js代码片段的结束，标识动画的结束。此方法可接受一个回调函数 给页面添加动画效果可利用回调函数（另外：要实现某一东西从某一方向飞入，则首先给其设置一个较大的margin，并设置overflow：hidden，使此东西在页面中显示不出来，然后通过回调函数应用move.js的set（‘margin-方向’，‘使此东西在正确位置的margin值’）） afterLoad（link，index）{ switch： case 1：move（‘.section1 h1’）.scale().end();//调用move.js方法实现动画 break； case 2： break； case 3： break； case 4：move('.section4 img.primary').rotate(360).end(function(){ move('.section4 img.sport').rotate(360).end({ //利用end（）可接受回调函数的方法实现动画的先后顺序 move.('.section4 img.eition').rotate(360).end(); }); }); break； default： break； } 若要实现动画可每次在进入网页时都可以显示，则在离开这个页面时将afterLoad（）所做的设置还原 onLeave（link，index）{ switch（index）{ case 1： break； ...... case 4：move（'section4 img.edition'）.rotate(-360).end(function(){ move('section4 img.sport').rotate(-360).end(function(){ }); }); break； default： break； } }查看全部
-
回调函数：写在配置项的位置处 afterLoad（anchorLink，index） 滚动到某一section处，且滚动结束后，会触发一次此回调函数，函数接收anchorLink和index 两个参数，anchorLink是锚链接，index是序号（从1开始）。 作用：我们可以根据anchorLink和index的参数值的判断，触发相应的事件。 实例：afterLode：function（anchorLink，index）{ console.log（"afterLode:anchorLink"+anchorLink+";index:"+index）;//将两个参数打印出来，在控制台可以看到 } onLeave（index，nextIndex，direction） 在离开一个页面时，会触发一次此回调函数，接收index（离开时页面的序号）、nextIndex（滚动到的目标页面的序号）和direction（滚动的方向，有up和down）3个参数 通过return false；可以取消滚动 afterRender（） 页面初始化完成后的回调函数 afterResize（） 浏览器窗口尺寸改变后的回调函数 afterSlideLode（anchorLink，index，slideAnchor，slideIndex） 滚动到某一slide后的回调函数，与afterLode类似，接收anchorLink、index、slideIndex、direction4个参数 onSlideLeave（anchorLink，index，slideIndex，direction，nextSlideIndex） 在离开一个slide时会触发此函数，与onLeave相似，接收anchorLink、index、slideIndex、direction4个参数查看全部
-
方法1查看全部
-
幻灯片的结构查看全部
-
首先建立一下基本的页面结构查看全部
-
link导入js，jq文件查看全部
-
引入插件查看全部
举报
0/150
提交
取消