单页网站源码

fullPage.js是一个简单易用的插件，创建全屏滚动的网站（也被称为单页网站）。它允许全屏滚动创建网站，以及添加内部滑块。

$(document).ready(function() {

    $.fn.fullpage({

        verticalCentered: true,

        resize : true,

        slidesColor : ['#ccc', '#fff'],

        anchors:['firstSlide', 'secondSlide'],

        scrollingSpeed: 700,

        easing: 'easeInQuart',

        menu: false,

        navigation: false,

        navigationPosition: 'right',

        navigationTooltips: ['firstSlide', 'secondSlide'],

        slidesNavigation: true,

        slidesNavPosition: 'bottom',

        loopBottom: false,

        loopTop: false,

        loopHorizontal: true,

        autoScrolling: true,

        scrollOverflow: false,

        css3: false,

        paddingTop: '3em',

        paddingBottom: '10px',

        fixedElements: '#element1, .element2',

        normalScrollElements: '#element1, .element2',

        keyboardScrolling: true,

        touchSensitivity: 15,

        continuousVertical: false,

        animateAnchor: true,

        //events

        onLeave: function(index, direction){},

        afterLoad: function(anchorLink, index){},

        afterRender: function(){},

        afterSlideLoad: function(anchorLink, index, slideAnchor, slideIndex){},

        onSlideLeave: function(anchorLink, index, slideIndex, direction){}

    });

});

海报图正在生成中...

竖版 宽版