jQuery fullpage响应式全屏滚动

所属分类：UI,媒体-布局,滚动,幻灯片和轮播图

58065 603 查看评论 (39)

分享到微信朋友圈

查看演示立即下载

插件描述：瀑布流全屏滚动，绚丽的banner切换

更新时间：2020-12-16 20:51:59

更新说明：去除logo，避免不必要的麻烦。

发布时间：2014-12-29 14:27:17

全屏滚动流媒体，引入，

<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) {
    }
})

jquery垂直向上逐条滚动新闻列表

33数字华容道

相关插件-布局,滚动,幻灯片和轮播图