jQuery全屏滚动插件jsModern

所属分类:UI-滚动

 38222  402  查看评论 (9)
分享到微信朋友圈
X
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>
相关插件-滚动

滚动条

可定制的滚动条,通过js+css实现
  滚动
 53251  335

漂浮广告插件

漂浮广告插件,上下滚动浮动垂直剧中。
  滚动
 34958  347

jquery页面滚动定位(支持上下滑动)

jquery页面滚动定位(支持上下滑动)
  滚动
 53603  396

jQuery锚点带动跳转页面代码

jQuery锚点带动跳转页面代码
  滚动
 43335  369

讨论这个项目(9)回答他人问题或分享插件使用方法奖励jQ币 评论用户自律公约

    ?非凡灬 0
    2020/8/28 11:10:41
    公共菜单要放在哪里呀? 回复
    ?深蓝ヤ 0
    2020/5/19 18:20:57
    移动 端没法用啊
        那些年0
        2021/4/11 17:37:20
        自己写一个,哈哈
    回复
    软件&网站开发-刀剑笑 0
    2019/6/5 16:19:18
    怎么手工切换下一页啊,完全不能扩展的? 回复
    制杖黑白 0
    2018/12/23 1:11:29
    制杖黑白 0
    2018/12/23 1:11:28
    Vinasis 0
    2018/9/9 2:03:47
    还有这种操作? 0
    2018/1/5 16:42:56
    夜秋叶―最佳戏精旗 0
    2018/1/3 15:33:45
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复