<div id="fullpage">
<div class="section first active">
<h1 class="h1">熊孩子</h1>
</div>
<div class="section second">
</div>
<div class="section third">
<div class="slide t_one">ONE</div>
<div class="slide t-two">TWO</div>
<div class="slide t-three">THREE</div>
<div class="slide t-four">FOUR</div>
</div>
<div class="section fourth">fourth</div>
<div class="section fivth">fivth</div>
</div>
<script src="js/jquery-3.3.1.js" type="text/javascript"></script>
<script src="js/fullpage.js" type="text/javascript"></script>
<script src="js/move.min.js" type="text/javascript"></script>
<script>
$(document).ready(function(){
$("#fullpage").fullpage({
sectionsColor:['aqua','blueviolet','coral','darkorange','seagreen'],
anchors:['01','02','03','04','05'],
afterLoad:function(link,index){
switch(index){
case 1:
move('.first h1').rotate(300).end();
break;
case 2:
move('.second h1').x(300).end();
break;
case 3:
break;
case 4:
break;
default:
break;
}
}
)};
)};
</script>