jQuery-plugin-wow

用法整理

- 下载地址:https://github.com/matthieua/WOW

- 参考文档:http://mynameismatthieu.com/WOW/docs.html

能实现按对应的元素按特定的效果出现在页面上,依据animate.css

<div class="wow bounceInUp">
        Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
        tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
        quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
        consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
        cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
        proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
    </div>
    <div class="wow slideInRight">
        Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
        tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
        quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
        consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
        cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
        proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
    </div>
<link rel="stylesheet" type="text/css" href="../css/libs/animate.css">
    <script type="text/javascript" src="wow.js"></script>
    <script>
              new WOW().init();
              </script>
</head>

 

posted @ 2017-07-28 19:51  cyany_blue  阅读(146)  评论(0编辑  收藏  举报