加載動畫的使用方式

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

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

<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>html

相關文章
相關標籤/搜索