< div class = " row " > < div data-scroll-reveal = " enter top " > </ div > < div data-scroll-reveal = " enter left " > </ div > < div data-scroll-reveal = " enter right " > </ div > < div data-scroll-reveal = " enter bottom " > </ div > < div data-scroll-reveal = " enter top over 1s " > </ div > < div data-scroll-reveal = " enter left after 1s " > </ div > < div data-scroll-reveal = " enter right and move 50px " > </ div > < div data-scroll-reveal = " enter bottom over 1s after 1s and move 50px " > </ div > < div data-scroll-reveal = " enter top and move 300px after 0.3s " > </ div > < div data-scroll-reveal = " enter left over 1s and move 50px after 0.3s " > </ div > < div data-scroll-reveal = " enter right over 1s after 1s and move 50px after 0.3s " > </ div > < div data-scroll-reveal = " enter bottom over 1s after 1s and move 50px after 0.3s over 1s " > </ div > </ div > </ body > < script src = " https://cdn.bootcss.com/scrollReveal.js/0.1.1/scrollReveal.min.js " > </ script > < script > ( function ( ) { window . scrollReveal = new scrollReveal ( { reset : true } ) ; } ) ( ) ; </ script > </ html > <div data- scroll -re veal >dowebok.com</div> 必须给元素加上 data- scroll -re veal 属性，加上之后会执行默认的 动画 效果 ，你也可以自定义改属性以显示不同的 动画 效果 ，如： 在之前的建站教程中，我们讲了如何制作 网页 滚动显示 效果 ，方法见：网站animite 动画 载入 效果 制作步骤，通过 WOW.js 制作滚动 动画 。今天给大家介绍另一种滚动 动画 效果 ，通过 scroll R e veal .js来 实现 高品质 网页 特效，随鼠标滚轮监听位置不断加载 动画 效果 炫酷 网页 制作特效插件JS代码。另外 scroll Re veal .js 的 动画 可以播放一次或无限次，结合BOOTSTRAP框架，可以完美制作出自... 摘要：现在很多网站都有这种 效果 ，我就整理了一下，分享出来。利用滚动条来 实现 动画 效果 ， Scroll Re veal .js 用于创建和管理元素进入可视区域时的 动画 效果 ，帮助你的网站增加吸引力。只需要给元素增加 da...现在很多网站都有这种 效果 ，我就整理了一下，分享出来。利用滚动条来 实现 动画 效果 ， Scroll Re veal .js 用于创建和管理元素进入可视区域时的 动画 效果 ，帮助你的网站增加吸引力。只需要给元... 转载地址：http://www.dowebok.com/134.html简介和 WOW.js 一样， scroll Re veal .js 也是一款 页面 滚动显示 动画 的 JavaScript，能让 页面 更加有趣，更吸引用户眼球。不同的是 WOW.js 的 动画 只播放一次，而 scroll Re veal .js 的 动画 可以播放一次或无限次；WOW.js 依赖 animate.css，而 scroll Re veal .js 随着HTML5规范的不断完善，围绕着这一生态有很多实用的框架，极大的提高了我们的开发效率，常见的框架代表有：UI层面的有Bootstrap、Yui、JqueryUI、CSS3Lib等，JS层面的有JQuery、Zeptojs、Angularjs、React、Vuejs等，还有很多常用的 动画 库、字体图标，比如：Animate、Wow、Iconfont、Ico Scroll Re veal 是一个兼容PC端和移动设备的滚动 动画 库。不同于 WOW.js 的 动画 只播放一次， Scroll Re veal .js 的 动画 根据滚动可以播放一次或无限次。 scroll Re veal .js简介： scroll Re veal .js是一款js的 页面 滚动 动画 插件，兼容PC端和移动端。主要功能是当 页面 滚动到浏览器可视窗口内时为元素添加相应的进入 动画 。 scroll Re veal .js不依赖animate.css以及Jquery。但它的 动画 也是用css3创建的，因此不支持ie10以下的浏览器。 scroll Rever.js官方网址：https:// scroll ... 和 WOW.js 一样， scroll Re veal .js 也是一款 页面 滚动显示 动画 的 JavaScript，能让 页面 更加有趣，更吸引用户眼球。不同的是 WOW.js 的 动画 只播放一次，而 scroll Re veal .js 的 动画 可以播放一次或无限次；WOW.js 依赖 animate.css，而 scroll Re veal .j...