jquery之往一个CSS属性里写入多个值 

 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>

 

posted @ 2014-10-29 16:40  自行车上的程序员  阅读(1884)  评论(0)    收藏  举报