載入動畫的使用方式
阿新 • • 發佈:2018-11-28
一般在網上隨便搜一個載入動畫 然後放到自己的專案中,最後在專案中新增一個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>