您的位置：首页 > Web前端 > HTML

wow的使用页面的切换

2017-02-08 20:19 411 查看

<!DOCTYPE html>

<html>

    <head>

        <meta charset="utf-8" />

        <title>wow案例</title>

        <link rel="stylesheet" href="css/animate.min.css" />

        <style type="text/css">

            div {

                width: 300px;

                height: 200px;

                border: 1px solid #eee;

            }

        </style>

    </head>

    <body>

        

        <div class="wow pulse">

            wow pulse

        </div>



        <div class="wow slideInLeft" data-wow-duration="2s" data-wow-delay="1s">

            wow slideInLeft

        </div>



        <div class="wow slideInRight" data-wow-offset="10" data-wow-iteration="2">

            wow slideInRight

        </div>

        <script type="text/javascript" src="js/wow.min.js"></script>

        <script type="text/javascript">

            //          new WOW().init()

            wow = new WOW({

                boxClass: 'wow', // default 盒子类名

                animateClass: 'animated', // default 为animate.css触发css动画的库

                offset: 0, // default 偏移量

                mobile: true, // default 是否支持手机

                live: true // default 检查新元素

            })

            wow.init();

        </script>

    </body>

</html>

http://blog.csdn.net/qq_19558705/article/details/50364238

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签： html

相关文章推荐

新的分享

章节导航

wow的使用 页面的切换

wow的使用页面的切换