fm.revealator.jquery.js 滚动页面,控制页面元素逐一出来
2017-03-02 00:00
651 查看
摘要: 页面滚动插件,进入视窗感应插件
【插件名称】:fm.revealator.jquery.js 单词:Revea lator 揭示器
【github地址】:https://github.com/FaroeMedia/revealator
【功能介绍】:Revealator-制作元素进入视口产生动画的jQuery,下来出来,上移消失。亮点是:而且进入和消失的还有N多动画效果可选。
demo页面地址:http://opensource.faroemedia.com/revealator/
支持: 多种动画样式,以及一次或者多次,什么意思?
一次:页面初始化加载一次,拉下来显示,就完毕,
多次:拉下去显示,拉上来再消失;
另一个视窗内监控滚动而元素出来
https://github.com/jlmakes/scrollreveal
【使用方法】
指定对应的class名称即可
【动画效果如下】
.revealator-fade,
.revealator-slideup,
.revealator-slideleft,
.revealator-slideright,
.revealator-slidedown,
.revealator-zoomin,
.revealator-zoomout,
.revealator-rotateleft,
.revealator-rotateright
example on usage:
【插件名称】:fm.revealator.jquery.js 单词:Revea lator 揭示器
【github地址】:https://github.com/FaroeMedia/revealator
【功能介绍】:Revealator-制作元素进入视口产生动画的jQuery,下来出来,上移消失。亮点是:而且进入和消失的还有N多动画效果可选。
demo页面地址:http://opensource.faroemedia.com/revealator/
支持: 多种动画样式,以及一次或者多次,什么意思?
一次:页面初始化加载一次,拉下来显示,就完毕,
多次:拉下去显示,拉上来再消失;
另一个视窗内监控滚动而元素出来
https://github.com/jlmakes/scrollreveal
【使用方法】
指定对应的class名称即可
【动画效果如下】
.revealator-fade,
.revealator-slideup,
.revealator-slideleft,
.revealator-slideright,
.revealator-slidedown,
.revealator-zoomin,
.revealator-zoomout,
.revealator-rotateleft,
.revealator-rotateright
Usage
include in head:<link rel="stylesheet" href="fm.revealator.jquery.css"> <script src="jquery-1.11.3.min.js"></script> <script src="fm.revealator.jquery.js"></script>
example on usage:
<div class="revealator-zoomin"> Some text or elements </div> <div class="revealator-fadein revealator-slideup revealator-once revealator-delay2 revealator-duration5"> Some text or elements </div>
相关文章推荐
- aos.js超赞页面滚动元素动画jQuery动画库
- [JS前端开发] js/jquery控制页面动态载入数据 滑动滚动栏自己主动载入事件
- aos.js超赞页面滚动元素动画jQuery动画库
- 页面滚动图片等元素动态加载插件jquery.scrollLoading.js
- aos.js超赞页面滚动元素动画jQuery动画库
- jquery控制页面元素跟随滚动
- JS/jquery实现鼠标控制页面元素显隐
- jQuery页面滚动图片等元素动态加载实现
- C#调用JS实现滚动截屏-页面和页面元素通用
- JS和JQUERY获取页面大小,滚动条位置,元素位置(示例代码)
- js与jquery获得页面大小、滚动条位置、元素位置
- JS 侧栏导航点击定位页面内容位置及滚动条滚动改变导航元素对应状态
- js(jquery)控制 midea player 播放器(控制页面音乐播放)
- JS与JQUERY获取页面大小、滚动条位置、元素位置
- jQuery滚动插件Sly.js 滑动最后几个元素不在一行 滑动显示不完整
- JS实现随页面滚动显示/隐藏窗口固定位置元素
- jquery滚动组件(vticker.js)实现页面动态数据的滚动效果
- 用Jquery在JS中取jsp页面的中的元素
- [置顶] 你也可以做一个小米魅族网站(WOW.js:WOW.js – 在页面滚动时展现动感的元素动画效果)
- 获取页面中被选中元素的 JS原生方法 与 jQuery方法 分析