1.demo
<!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="utf-8"> <title>demo</title> <link rel="stylesheet" href="http://cdn.dowebok.com/98/css/animate.min.css"> <style> *{ margin: 0; padding: 0; } .wrap{ margin: 50px auto; width: 300px; height: 200px; border:1px solid red; } </style> </head> <body> <div class="wrap wow bounceInLeft">hello</div> <div class="wrap wow bounceInLeft">hello</div> <div class="wrap wow bounceInLeft">hello</div> <div class="wrap wow bounceInLeft">hello</div> <div class="wrap wow bounceInLeft">hello</div> <div class="wrap wow bounceInLeft">hello</div> <div class="wrap wow bounceInLeft">hello</div> <script src="http://cdn.dowebok.com/131/js/wow.min.js"></script> <script> if (!(/msie [6|7|8|9]/i.test(navigator.userAgent))) { new WOW().init(); }; </script> </body> </html>
2. 相关链接