XML/HTML代码
- <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
- <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载入动画
- */
- 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>
#1
