advanced code snippet search

Posted By

adino on 01/30/13


Tagged


Versions (?)

animate

 / Published in: HTML
 

blah

Expand | Embed | Plain Text 
  1. <html><head><title>animate</title>
  2. <script src="http://code.jquery.com/jquery-1.9.0.min.js"></script>
  3. <head>
  4. <body>
  5. <div class=animated style="width:200px; height:200px; background-color:#ff00ff; display:block;"></div>
  6. <button id="go">Run!</button>
  7. <script>
  8.  $("#go").click(function() {
  9.     $(".animated").animate({width:'100px'}, {duration:2000, complete: function(){
  10.         $(".animated").animate({width:'200px'});
  11.         }});
  12.     }
  13.   );
  14. </script>
  15. </body>

Report this snippet  

You need to login to post a comment.