Mega Code Archive

 
Categories / JavaScript Tutorial / Dojo Toolkit
 

Animation

< html>   <head>     <link rel="StyleSheet" type="text/css"       href="js/dojo/dijit/themes/tundra/tundra.css">            <script type="text/javascript">       var djConfig = {         baseScriptUri : "js/dojo/",         parseOnLoad : true       };     </script>     <script type="text/javascript" src="js/dojo/dojo/dojo.js"></script>     <script>            dojo.addOnLoad(function(  ) {     var box = dojo.byId("box");     dojo.connect(box, "onclick", function(evt) {             dojo.animateProperty({               node : box,               duration : 3000,               properties : {                   width : {start : '200', end : '400'}               }           }).play(  );     }); });     </script>   </head>   <body class="tundra">        <div id="box" style="background : red">click to stratch</div> </body> </html>