我的move.js始终实现不了,是不是要引入什么文件呀
afterLaod:function(link,index){
switch(index){
case 1:
move('.font1').scale(0.1).end();
move('.font2').scale(1.5).end();
break;
case 2:
break;
case 3:
break;
case 4:
break;
default:
break;
}
},
afterLaod:function(link,index){
switch(index){
case 1:
move('.font1').scale(0.1).end();
move('.font2').scale(1.5).end();
break;
case 2:
break;
case 3:
break;
case 4:
break;
default:
break;
}
},
2018-09-10
我也遇到过这个问题,这是因为你用了新版的fullPage.js,你去看看新的官方文档,afterLoad回调函数的参数已经变了,和教程中的不一样。
这是我实现的代码:
//借助move.js来实现css3动画
afterLoad: function(index,nextIndex) {
switch (nextIndex.index){
case 0:
move(".section1 h1").scale(1.5).end(); //end()方法结束动画
move(".section1 p").set('margin-top', '5%').end();
break;
case 1:
move(".section2 h1").scale(0.7).end();
break;
case 2:
move(".section3 h1").set('margin-left', '20%').end();
move(".section3 p").set('margin-left', '20%').end();
break;
case 3:
//层层回调
move(".section4 img.primary").rotate(360).end(function () {
move(".section4 img.sport").rotate(360).end(function () {
move(".section4 img.edition").rotate(360).end(function () {
move(".section4 h4.primary").scale(1.3).end(function () {
move(".section4 h4.sport").scale(1.3).end(function () {
move(".section4 h4.edition").scale(1.3).end();
});
});
});
});
});
break;
default:
break;
}
},
举报