jQuery全屏滚动插件jsModern

所属分类：UI-滚动

38396 402 查看评论 (9)

分享到微信朋友圈

查看演示 website 立即下载

插件描述：利用 jsModern 创建可横竖全屏滚动的页面组件

插件基于 jsModern 工具库开发，因此需要先引入 jsModern 文件，在 jsmodern.min.js 文件之前先引入 jquery.min.js，因为 jsModern 是基于 jQuery 的；

<link rel="stylesheet" href="jsmodern.min.css">

<script src="jquery.min.js"></script>
<script src="jsmodern.min.js"></script>

<body>
    <section>
        <div>第一页</div>
        <div>第二页</div>
        <div>第三页</div>
        <div>第四页</div>
    </section>
    <script>
        jsModern.fullPage({
	    navigation: true,
	    background: ['#6E459B', '#4BBFC3', '#C94646', '#f90'],
	    axis: "x",
	    callback: [
                function () {   // 区块一内的动画   },	
                function () {   // 区块二内的动画   },	
                function () {   // 区块三内的动画   },	
                function () {   // 区块四内的动画   },          
	    ]
        });
    </script>
</body>

jQuery省市区三级联动插件（可自定义样式）

bootstrap主题网页工具集合(原创)