1 <html> 2 <head> 3 <title>test</title> 4 <base href="<%=basePath%>"> 5 <script type="text/javascript" src="javascript/jquery-1.7.min.js"></script> 6 <style type="text/css"> 7 div{ 8 width: 329px; 9 height:245px; 10 background: green; 11 } 12 </style> 13 14 <script type="text/javascript"> 15 $(function(){ 16 window.setTimeout(function(){ 17 $("#testDiv").css("transform","scale(0.5,0.7)"); 18 },500); 19 window.setTimeout(function(){ 20 $("#testDiv").css("transform",$("#testDiv").css("transform") + " translate(-150px,-50px)"); 21 },1000); 22 window.setTimeout(function(){ 23 $("#testDiv").css("transform",$("#testDiv").css("transform") + " rotate(50deg)"); 24 },1500); 25 }); 26 </script> 27 </head> 28 <body> 29 <div id="testDiv" > 30 <img alt="" src="image/di-11.png"> 31 </div> 32 </body> 33 </html>
原文：http://www.cnblogs.com/yangzhilong/p/4059907.html