jQuery全屏滚动插件jsModern

所属分类:UI-滚动

 6727  58  查看评论 (2)
jQuery全屏滚动插件jsModern ie兼容9

 插件基于 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>
相关插件-滚动

fullpage平滑换页+css3酷炫导航

fullpage平滑换页+css3酷炫导航
  滚动
 13557  171

仿百度知道(滚动固定标题)插件

仿百度知道滚动固定标题,点击标题滚动到内容块
  滚动
 1161  19

jQuery双锚点自动定位

jQuery滚动自自动锚点定位
  滚动
 7697  102

jQuery全屏视差滚动效果

jQuery全屏视差滚动效果
  滚动
 15934  112

讨论这个项目(2)回答他人问题或分享插件使用方法奖励jQ币

    还有这种操作? 0
    2018/1/5 16:42:56
    夜秋叶―最佳戏精旗 0
    2018/1/3 15:33:45
取消回复