实现 css loading效果有哪些方法

html-css06

实现 css loading效果有哪些方法,第1张

很简单,用window.onload事件,加载完,用js把"正在装载"设置为none

举个例子

<style type="text/css">

#load{

width:120px

height:40px

background-color:"#660000"

color:"#FFFFFF"

position:absolute

top:0px

left:0px

}

body{

background-color:"#cccccc"

}

</style>

<script>

window.onload=function(){

objLoad=document.getElementById('load')

objLoad.style.display='none'

}

</script>

<body>

<div id="load">正在加载......</div>

戳我获取 完整源码