jQuery全屏滚动插件jsModern

所属分类:UI-滚动

 2707  31  查看评论 (0)
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>
相关插件-滚动

jquery滚动效果插件ScrollMe

ScrollMe是一个页面添加简单的滚动效果的jQuery插件,当你向下滚动页面时,ScrollMe可以对页面元素进行轴标扫描、旋转、转换和改变不透明度,从而让整个页面动感起来。ScrollMe非常容易使用,它不需要写JS代码,只需在元素中写上属性就OK了。
  滚动
 8654  69

jQuery滚动条楼层(原创)

用于商城主页的多层项目的楼层显示,以及滑动效果,界面有点难看,但是功能OK且注释全。
  滚动
 4771  32

jquery.mousewheel.js鼠标滚动插件

鼠标全屏滚动插件
  滚动
 9105  52

jquery无缝滚动

真正的无缝滚动
  滚动
 20503  148

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

取消回复