fullpage:全屏翻頁,頂部導航,水平導航demo
阿新 • • 發佈:2019-01-30
$(function () {
$('#fullpage').fullpage({
sectionsColor:['#FEDA89','#DE4F50','#904A68','#68C39F','#F05183'],
anchors:['page1','page2','page3','page4','page5'],
navigation:'true',//導航
navigationPosition:'right',//導航位置
navigationTooltips:['1' ,'2','3','4','5'],//標記
showActiveTooltip:true,
scrollOverflow:true,//超出滾動
menu:'#fullpageMenu',
slidesNavigation:true,//水平導航
controlArrows: false,//隱藏水平箭頭
afterLoad:function (link,index) {
switch (index){
case 1:
move('.section1 h1').scale(1.5).end();
move('.section1 p').set('margin-top','10%').end();
break;
case 2:
move('.section2 h1').scale(0.8).end();
break;
case 3:
move('.section3 h1').set('margin-right','10%').end();
move('.section3 p').set('margin-left','10%').end();
$('.section3 h1').css('opacity','1');
$('.section3 p').css('opacity','1');
break;
case 4:
move('.section4 img').rotate(360).end(function () {
move('.section4 h1').scale(0.8).end();
});
break;
default:break;
}
},
onLeave:function (link,index) {
switch (index){
case 1:
move('.section1 h1').scale(1).end();
move('.section1 p').set('margin-bottom','10%').end();
break;
case 2:
move('.section2 h1').scale(1).end();
break;
case 3:
move('.section3 h1').set('margin-right','-10%').end();
move('.section3 p').set('margin-left','-10%').end();
$('.section3 h1').css('opacity','0.5');
$('.section3 p').css('opacity','0.5');
break;
case 4:
// move('.section4 img').rotate(-360).end(function () {
// move('.section4 h1').scale(1).end();
// });
move('.section4 img.per').rotate(-360).end();
move('.section4 h1').scale(1).end();
break;
default:break;
}
}
});
});