有什么技术性的问题欢迎大家留言 !
< ! ---------- 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>
< ! --------- 效果展示 ---------- >
开门效果
