wow.js

---

有什么技术性的问题欢迎大家留言 !

< ! ---------- HTML ------------ >

<div class="door">
    <div class="left wow slideInLeft"></div>
    <div class="right wow slideInRight"></div>
</div>

< ! --------- Style -------------- >

<style>
        * {
            margin: 0;
            padding: 0;
            border: 0;
            list-style-type: none;
        }

        .door {
            width: 980px;
            margin: 100px auto;
            overflow: hidden;
            background: #fff;
        }

        div {
            width: 450px;
            height: 300px;
            background: #cccccc;
        }

        .left {
            float: left;
        }

        .right {
            float: right;
        }
</style>

< ! --------- JavaScript ------- >

// 两行代码轻松实现
<script src="js/wow.min.js"></script>
<script>
    window.onload = function () {
        new WOW().init();
    }
</script>

< ! --------- 效果展示 ---------- >

开门效果