Mega Code Archive

 
Categories / JavaScript Tutorial / JQuery
 

Animate width and height

< html>   <head>     <script type="text/javascript" src="js/jquery-1.3.2.js"></script>     <script type="text/javascript">         $(document).ready(function(){             $('div').each(function(){             $(this).animate(             {             width: $(this).width() * 2,             height: $(this).height() * 2             },             2000             );             });         });     </script> <style>   div { margin:3px; width:50px; position:absolute;         height:50px; left:10px; top:30px;          background-color:yellow; }   div.red { background-color:red; }    </style>   </head>   <body>     <body>                  <div>asdf</div>     </body> </html>