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>

 

郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。