$(function(){ $('#dowebok').fullpage({ //sectionsColor: ['#1bbc9b', '#4BBFC3', '#7BAABE', '#f90'], 'navigation': true, //侧栏导航 'scrollOverflow': true, afterLoad: function(anchorLink, index){ if(index == 1){ $(".page1").show(); $(".page1").eq(0).addClass("a-bouncein"); $(".page1").eq(1).addClass("a-bounceinL"); $(".page1").eq(2).addClass("a-bounceinR"); } if(index == 2){ $(".page2").show(); $(".page2").eq(0).addClass("a-fadeinT"); $(".page2").eq(1).addClass("a-bounceinL"); $(".page2").eq(2).addClass("a-bounceinR"); } if(index == 3){ $(".page3").show(); $(".page3").eq(0).addClass("a-fadeinT"); $(".page3").eq(1).addClass("a-fadeinB"); $(".page3").eq(2).addClass("a-fadeinL"); $(".page3").eq(3).addClass("a-fadeinB"); $(".page3").eq(4).addClass("a-fadeinB"); } if(index == 4){ $(".page4").show(); $(".page4").eq(0).addClass("a-fadeinT"); $(".page4").eq(1).addClass("a-fadeinT"); } if(index == 5){ $(".page5").show(); $(".page5").eq(0).addClass("a-fadeinT"); $(".page5").eq(1).addClass("a-fadeinB"); $(".page5").eq(2).addClass("a-fadeinL"); $(".page5").eq(3).addClass("a-fadeinR"); } if(index == 6){ $(".ixwt-layer").show(); } if(index == 7){ $(".page7").show(); $(".page7").eq(0).addClass("a-fadeinT"); $(".page7").eq(1).addClass("a-fadeinB"); $(".page7").eq(2).addClass("a-fadeinL"); } if(index == 8){ $(".page8").show(); $(".page8").eq(0).addClass("a-fadeinT"); $(".page8").eq(1).addClass("a-fadeinT"); $(".page8").eq(2).addClass("a-fadeinT"); $(".page8").eq(3).addClass("a-fadeinB"); $(".page8").eq(4).addClass("a-fadeinB"); $(".page8").eq(5).addClass("a-fadeinB"); } if(index == 9){ $(".page9").show(); $(".page9").eq(0).addClass("a-fadeinT"); $(".page9").eq(1).addClass("a-fadeinB"); $(".page9").eq(2).addClass("a-fadeinB"); $(".page9").eq(3).addClass("a-fadeinB"); $(".page9").eq(4).addClass("a-fadeinB"); $(".page9").eq(5).addClass("a-fadeinB"); } if(index == 10){ $(".page10").show(); $(".page10").eq(0).addClass("a-fadeinT"); $(".page10").eq(1).addClass("a-fadeinR"); } if(index == 11){ $(".page11").show(); $(".page11").eq(0).addClass("a-fadeinT"); $(".page11").eq(1).addClass("a-fadeinT"); } if(index == 12){ $(".page12").show(); $(".page12").eq(0).addClass("a-fadeinT"); $(".page12").eq(1).addClass("a-fadeinT"); $(".page12").eq(2).addClass("a-fadeinR"); $(".page12").eq(3).addClass("a-fadeinR"); $(".page12").eq(4).addClass("a-fadeinR"); $(".page12").eq(5).addClass("a-fadeinR"); $(".page12").eq(6).addClass("a-fadeinR"); $(".page12").eq(7).addClass("a-fadeinR"); } if(index == 13){ $(".page13").show(); $(".page13").eq(0).addClass("a-fadeinT"); $(".page13").eq(1).addClass("a-fadeinL"); $(".page13").eq(2).addClass("a-fadeinR"); $(".page13").eq(3).addClass("a-fadeinB"); $(".page13").eq(4).addClass("a-fadeinB"); } if(index == 14){ $(".page14").show(); $(".page14").eq(0).addClass("a-fadeinT"); $(".page14").eq(1).addClass("a-fadeinL"); $(".page14").eq(2).addClass("a-fadeinR"); } if(index == 15){ $(".page15").show(); $(".page15").eq(0).addClass("a-fadeinT"); $(".page15").eq(1).addClass("a-fadeinL"); $(".page15").eq(2).addClass("a-fadeinR"); $(".page15").eq(3).addClass("a-fadeinB"); $(".page15").eq(4).addClass("a-fadeinB"); } if(index == 16){ $(".page16").show(); $(".page16").eq(0).addClass("a-bouncein"); $(".page16").eq(1).addClass("a-fadeinL"); $(".page16").eq(2).addClass("a-fadeinL"); $(".page16").eq(3).addClass("a-fadeinL"); $(".page16").eq(4).addClass("a-fadeinL"); $(".page16").eq(5).addClass("a-fadeinL"); $(".page16").eq(6).addClass("a-fadeinL"); $(".page16").eq(7).addClass("a-fadeinL"); } if(index == 17){ $(".page17").show(); $(".z-move").hide(); $(".page17").eq(0).addClass("a-bouncein"); $(".page17").eq(1).addClass("a-fadeinB"); } }, onLeave: function(index, direction){ if(index == '1'){ $(".page1").hide(); $(".page1").eq(0).removeClass("a-bouncein"); $(".page1").eq(1).removeClass("a-bounceinL"); $(".page1").eq(2).removeClass("a-bounceinR"); } if(index == '2'){ $(".page2").hide(); $(".page2").eq(0).removeClass("a-fadeinT"); $(".page2").eq(1).removeClass("a-bounceinL"); $(".page2").eq(2).removeClass("a-bounceinR"); } if(index == '3'){ $(".page3").hide(); $(".page3").eq(0).removeClass("a-fadeinT"); $(".page3").eq(1).removeClass("a-fadeinB"); $(".page3").eq(2).removeClass("a-fadeinL"); $(".page3").eq(3).removeClass("a-fadeinB"); $(".page3").eq(4).removeClass("a-fadeinB"); } if(index == '4'){ $(".page4").hide(); $(".page4").eq(0).removeClass("a-fadeinT"); $(".page4").eq(1).removeClass("a-fadeinT"); } if(index == '5'){ $(".page5").hide(); $(".page5").eq(0).removeClass("a-fadeinT"); $(".page5").eq(1).removeClass("a-fadeinB"); $(".page5").eq(2).removeClass("a-fadeinL"); $(".page5").eq(3).removeClass("a-fadeinR"); } if(index == '6'){ $(".page6").hide(); $(".page6").eq(0).removeClass("a-fadeinT"); $(".page6").eq(1).removeClass("a-fadeinB"); $(".page6").eq(2).removeClass("a-fadeinB"); } if(index == '7'){ $(".page7").hide(); $(".page7").eq(0).removeClass("a-fadeinT"); $(".page7").eq(1).removeClass("a-fadeinB"); $(".page7").eq(2).removeClass("a-fadeinL"); } if(index == '8'){ $(".page8").hide(); $(".page8").eq(0).removeClass("a-fadeinT"); $(".page8").eq(1).removeClass("a-fadeinT"); $(".page8").eq(2).removeClass("a-fadeinT"); $(".page8").eq(3).removeClass("a-fadeinB"); $(".page8").eq(4).removeClass("a-fadeinB"); $(".page8").eq(5).removeClass("a-fadeinB"); } if(index == '9'){ $(".page9").hide(); $(".page9").eq(0).removeClass("a-fadeinT"); $(".page9").eq(1).removeClass("a-fadeinB"); $(".page9").eq(2).removeClass("a-fadeinB"); $(".page9").eq(3).removeClass("a-fadeinB"); $(".page9").eq(4).removeClass("a-fadeinB"); $(".page9").eq(5).removeClass("a-fadeinB"); } if(index == '10'){ $(".page10").hide(); $(".page10").eq(0).removeClass("a-fadeinT"); $(".page10").eq(1).removeClass("a-fadeinR"); } if(index == '11'){ $(".page11").hide(); $(".page11").eq(0).removeClass("a-fadeinT"); $(".page11").eq(1).removeClass("a-fadeinT"); } if(index == '12'){ $(".page12").hide(); $(".page12").eq(0).removeClass("a-fadeinT"); $(".page12").eq(1).removeClass("a-fadeinT"); $(".page12").eq(2).removeClass("a-fadeinR"); $(".page12").eq(3).removeClass("a-fadeinR"); $(".page12").eq(4).removeClass("a-fadeinR"); $(".page12").eq(5).removeClass("a-fadeinR"); $(".page12").eq(6).removeClass("a-fadeinR"); $(".page12").eq(7).removeClass("a-fadeinR"); } if(index == '13'){ $(".page13").hide(); $(".page13").eq(0).removeClass("a-bouncein"); $(".page13").eq(1).removeClass("a-bouncein"); $(".page13").eq(2).removeClass("a-bouncein"); $(".page13").eq(3).removeClass("a-bouncein"); $(".page13").eq(4).removeClass("a-bouncein"); } if(index == '14'){ $(".page14").hide(); $(".page14").eq(0).removeClass("a-bouncein"); $(".page14").eq(1).removeClass("a-bouncein"); $(".page14").eq(2).removeClass("a-bouncein"); } if(index == '15'){ $(".page15").hide(); $(".page15").eq(0).removeClass("a-bouncein"); $(".page15").eq(1).removeClass("a-bouncein"); $(".page15").eq(2).removeClass("a-bouncein"); $(".page15").eq(3).removeClass("a-bouncein"); $(".page15").eq(4).removeClass("a-bouncein"); } if(index == '16'){ $(".page16").hide(); $(".page16").eq(0).removeClass("a-bouncein"); $(".page16").eq(1).removeClass("a-fadeinL"); $(".page16").eq(2).removeClass("a-fadeinL"); $(".page16").eq(3).removeClass("a-fadeinL"); $(".page16").eq(4).removeClass("a-fadeinL"); $(".page16").eq(5).removeClass("a-fadeinL"); $(".page16").eq(6).removeClass("a-fadeinL"); $(".page16").eq(7).removeClass("a-fadeinL"); } if(index == '17'){ $(".page17").hide(); $(".z-move").show(); $(".page17").eq(0).removeClass("a-bouncein"); $(".page17").eq(1).removeClass("a-fadeinB"); } } }); //$('#dowebok').fullpage.moveTo(14); });