加載動畫的使用方式

一般在網上隨便搜一個加載動畫 然後放到自己的項目中,最後在項目中添加一個js用來加載完成顯示自己的頁面內容。通常是這樣的>>

此事件一般放在body標籤用onload事件>>>>>好看的加載動畫插件鏈接http://www.htmleaf.com/css3/css3donghua/201504151682.html >>>第11個和第17個不錯

<script type="text/javascript">
        function load() {
              var loading = document.getElementById('loading');
              var a= setTimeout("loading.style.transition='opacity 0.3s'",0)   
              //設置透明度改變的過渡時間爲0.3秒
              var b= setTimeout("loading.style.opacity=0",500)
              //0.5秒後加載動畫開始變爲透明
              var c= setTimeout("loading.style.display='none'",800)
              //當透明度爲0的時候,隱藏掉它
        }
    </script>

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章