animate 實現元素動態加入頁面

　　animate.css是一個較強大的css3動畫工具，使用方法也比較簡單

　　第一步，在頁面中引入css文件

　　

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

　　第二步，在頁面中找到須要加載動畫的元素

　　

<div id="page1_img1" style="width: 100%;height: 100%;float: left;" class="animated rotateIn">
    <img src="image/video1.jpg" style="display: inline-block;width: 100%;" />
</div>

　　第三步，在須要加入的動畫元素加上對應的classname，能夠動態使用javascript加入，能夠直接在頁面元素中直接加入，classname的第一個元素必須是「animated 」後一個元素就是須要的動畫名稱，包含的動畫名參考官網：http://www.jq22.com/yanshi819，

若是須要修改動畫執行的時間，執行的次數及延遲時間，能夠在css源碼中修改，也可使用js修改。