scrollReveal.js 不依赖其他任何文件。 不支持 IE10 以下 基本方法 1、引入文件 <script src="js/<em>scrollReveal.js</em>"></script> 2、HTML
简介 和 WOW.js 一样,scrollReveal.js 也是一款页面滚动显示动画的 JavaScript,能让页面更加有趣,更吸引用户眼球。 不同的是 WOW.js 的动画只播放一次,而 scrollReveal.js 的动画可以播放一次或无限次;WOW.js 依赖 animate.css,而 scrollReveal.js 不依赖其他任何文件 虽然 scrollReveal.js 不依赖 animate.css,但它的动画也是用 CSS3 创建的,所以它不支持 IE10 以下的浏览器。 基本方法 1、引入文件 <script src="<em>scrollReveal.js</em>"></script> 2、HTML(直接将“data-scroll-reveal”放在DIV框架内即可 说明: 动画延迟时间 值: 数字,以秒为单位 填充(可选) 可以在 data-scroll-reveal 属性里填充(添加)一些类似编程的“语句”,使其更有可读性,scrollReveal.js
doctype html> <html lang="zh-CN"> <head> <title>scrollReveal.js</title> <meta charset="utf-8 1s and move 50px after 0.3s over 1s">
: 几种 Loading 效果,基于 SVG flippant.js: 一款能够漂亮的网页元素翻转效果库,代码许久不更新,不过作为源码学习还是不错的 move.js: 基于 CSS3 的前端动画框架 scrollReveal.js
clipboard.min.js mathjax: //cdn.bootcss.com/mathjax/2.6.1/MathJax.js scrollreveal: //cdn.bootcss.com/scrollReveal.js
: 几种 Loading 效果,基于 SVG flippant.js: 一款能够漂亮的网页元素翻转效果库,代码许久不更新,不过作为源码学习还是不错的 move.js: 基于 CSS3 的前端动画框架 scrollReveal.js
javascript" src="js/more.js"></script> <script src="js/scrollbar.js"></script> <script src="js/<em>scrollreveal.js</em>