mixed-dimentionA.html (1128B)
1 <!DOCTYPE html> 2 <html id="parent" class="reftest-wait"> 3 <head> 4 <link rel="stylesheet" type="text/css" href="style.css"> 5 <script src="../handleprop.js" type="text/javascript"></script> 6 <style> 7 #child { 8 left: 100px; 9 top: 100px; 10 right: 20px; 11 bottom: 20px; 12 } 13 </style> 14 <script src="../horizontal/animate.js" type="text/javascript"></script> 15 <script type="text/javascript"> 16 var counter = 0; 17 function play() { 18 if (counter < 100) { 19 var child = document.getElementById("child"); 20 child.style.left = (parseInt(getComputedStyle(child, null).left.replace("px", "")) + 20) + "px"; 21 child.style.top = (parseInt(getComputedStyle(child, null).top.replace("px", "")) + 10) + "px"; 22 rfa(play); 23 counter += 10; 24 } else { 25 document.documentElement.removeAttribute("class"); 26 } 27 } 28 29 window.onload = function() { rfa(play) }; 30 </script> 31 </head> 32 <body> 33 <div id="child"> 34 <div class="floatLeft"></div> 35 <div class="floatLeft"></div> 36 </div> 37 </body> 38 </html>