1. 程式人生 > >載入動畫的使用方式

載入動畫的使用方式

一般在網上隨便搜一個載入動畫 然後放到自己的專案中,最後在專案中新增一個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>