WOW.js 让页面滚动更有趣 · Every.js

## **使用示例** > 具体使用，请参考[WOW.JS]([https://www.delac.io/wow/](https://www.delac.io/wow/)) > 版本：暂无 > 代码案例来自：[http://www.jq22.com/demo/WOW-master-150114214428/](http://www.jq22.com/demo/WOW-master-150114214428/) ``` <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <script src="every_js/Require.js" type="text/javascript" charset="utf-8"></script> <script src="every_js/Every.js" type="text/javascript" charset="utf-8"></script> <style> h1{font-size:72px;line-height:1.5;color:#2c3e50;font-weight:100}#container{width:980px;margin:0 auto}section{height:300px;margin:60px 0}.section--purple{background-color:#9b59b6}.section--blue{background-color:#3498db}.section--green{background-color:#2ecc71}#main{text-align:center}#more{margin:20px auto 48px} </style> </head> <body> <section class="wow fadeInDown" style="background-color: #f1c40f;"></section> <section class="wow pulse" style="background-color: #e74c3c;" data-wow-iteration="infinite" data-wow-duration="1500ms"></section> <section class="section--purple wow slideInRight" data-wow-delay="2s"></section> <section class="section--blue wow bounceInLeft" data-wow-offset="300"></section> <section class="section--green wow slideInLeft" data-wow-duration="4s"></section> </body> <script type="text/javascript"> Every.use(['wow'], function(WOW) { wow = new WOW({ animateClass: 'animated', offset: 100 }); wow.init(); }); </script> </html> ```