所属分类:网页特效-UI/布局/瀑布流,触屏/拖拽/下拉,其他特效
全屏滚动流媒体,引入,
<link rel="stylesheet" href="css/jquery.fullPage.css" /> <script src="js/jquery.fullPage.min.js"></script>
在执行$('#index_main').fullpage({
'navigation': true, slidesNavigation: true, controlArrows: false, continuousHorizontal: true, scrollingSpeed: 1000, showActiveTooltip: true, anchors: ['hero', 'one', 'two', 'three'], loopHorizontal: true, afterLoad: function(anchorLink, index) { if (index == 1) { $('header').removeClass('on'); } if (index == 2) { $('header').addClass('on'); $('.section2 h3').addClass('animated fadeInUp').css('animation-delay', '.1s'); } if (index == 3) { $('header').addClass('on'); $('.section3 h3').addClass('animated fadeInUp').css('animation-delay', '.1s'); } if (index == 4) { $('header').addClass('on'); $('.section4 h3').addClass('animated fadeInUp').css('animation-delay', '.1s'); } }, onLeave: function(index, direction) { } })