581317-1.html (917B)
1 <!DOCTYPE HTML> 2 <html class="reftest-wait"> 3 <head> 4 <style> 5 #d { width:200px; } 6 #e { width:196px; height:196px; opacity:0.99; border:2px solid rgb(200,200,200); } 7 #f { width:200px; height:10px; } 8 </style> 9 </head> 10 <body onload="step()"> 11 <div id="d"> 12 <div id="e"> 13 <div style="width:80px; height:80px; background:yellow;"></div> 14 <div id="f"> 15 <div style="width:80px; height:80px; background:blue;"></div> 16 </div> 17 </div> 18 </div> 19 <script> 20 var d = document.getElementById("d"); 21 var e = document.getElementById("e"); 22 var f = document.getElementById("f"); 23 var v = 0; 24 function step() { 25 v += 40; 26 d.style.border = "10px solid rgba(" + v + "," + v + "," + v + ", 0.99)"; 27 e.style.backgroundColor = "rgb(" + v + "," + v + "," + v + ")"; 28 f.style.opacity = v/250.0; 29 if (v < 200) { 30 setTimeout(step, 50); 31 } else { 32 document.documentElement.removeAttribute("class"); 33 } 34 } 35 </script> 36 </body> 37 </html>