fullpage.js制作360首页特效

fullPage.js 插件调用方法

$("#fullpage").fullpage({
    sectionsColor: ["#0da5d6", "#2AB561", "#DE8910", "#16BA9D", "#0DA5D6"],
    afterLoad: function(link, index) {
        $(".section").removeClass("current");
        setTimeout(function() {
            $(".section").eq(index - 1).addClass("current");
        }, 100)

    }
});

fullpage其他优势：

支持鼠标滚动
    支持前进后退和键盘控制
    多个回调函数
    支持手机、平板触摸事件
    支持 CSS3 动画
    支持窗口缩放
    窗口缩放时自动调整
    可设置滚动宽度、背景颜色、滚动速度、循环选项、回调、文本对齐方式等等

fullpage.js相关API请看：http://www.sucaihuo.com/js/171.html