码迷,mamicode.com
首页 > Web开发 > 详细

jQuery-plugin-wow

时间:2017-07-28 21:00:28      阅读:210      评论:0      收藏:0      [点我收藏+]

标签:vol   hub   sheet   依据   http   name   cat   元素   com   

用法整理

- 下载地址: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>

 

jQuery-plugin-wow

标签:vol   hub   sheet   依据   http   name   cat   元素   com   

原文地址:http://www.cnblogs.com/cyany/p/7252342.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!