<html>
<head>
<style type="text/css">
body{margin:0px;background:#fff;padding-top:100px;}
#dot,#dot u,#dot b,#dot i{overflow:hidden;}
#dot {width:16px;height:16px;text-align:center;}
#dot b,i{display:block;background:#666666;}
#dot u{margin:0px;padding:0px;width:4px;height:4px;float:left;}
#dot b{height:1px;width:2px;margin-left:1px;}
#dot i{height:2px;width:4px;}
#dot #dot1,#dot #dot7{margin-left:2px;}
#dot #dot1{padding-top:2px;}
#dot #dot3,#dot #dot6{padding-top:2px;}
#dot #dot4{padding-left:8px;}
.copy{clear:both;padding-top:30px;line-height:22px;}
</style>
</head>
<script>
/*
Object : 模拟FireFox载入动画
By : Missde
Date : 2006
Link : www.missde.cn
*/
var dotdiv=
"<div id='dot'>"
+"<u id='dot1'><b></b><i></i><b></b></u>"
+"<u id='dot2'><b></b><i></i><b></b></u>"
+"<u id='dot3'><b></b><i></i><b></b></u>"
+"<u id='dot8'><b></b><i></i><b></b></u>"
+"<u id='dot4'><b></b><i></i><b></b></u>"
+"<u id='dot7'><b></b><i></i><b></b></u>"
+"<u id='dot6'><b></b><i></i><b></b></u>"
+"<u id='dot5'><b></b><i></i><b></b></u>"
+"</div>";
function gID(str){
return document.getElementById(str);
}
function loadingdot(a){
if(a<=1 || a>8)a=1;
loadingdot_a2=a-0+1;
for(var i=1;i<=8;i++){
var d=loadingdot_a2+i;
if(d>10)d-=8;
gID("dot"+i).style.MozOpacity=d/10;
gID("dot"+i).style.filter="alpha(opacity=" +(d*10)+")"
}
setTimeout("loadingdot(loadingdot_a2)",100);
}
function loading(){
document.write(dotdiv);
loadingdot(1);
}
</script>
<body>
<script>loading()</script>
</body>
</html>
模拟FireFox载入动画


回复