User:Anita Nguyen: Difference between revisions

From OpenWetWare
Jump to navigationJump to search
No edit summary
No edit summary
Line 12: Line 12:
*[[OpenWetWare:Welcome|Introductory tutorial]]
*[[OpenWetWare:Welcome|Introductory tutorial]]
*[[Help|OpenWetWare help pages]]
*[[Help|OpenWetWare help pages]]
<html>
<head>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
  $("button").click(function(){
    $("div").animate({height:300},"slow");
    $("div").animate({width:300},"slow");
    $("div").animate({height:100},"slow");
    $("div").animate({width:100},"slow");
  });
});
</script>
</head>
<body>
<button>Start Animation</button>
<br /><br />
<div style="background:#98bf21;height:100px;width:100px;position:relative">
</div>
</body>
</html>

Revision as of 08:19, 7 September 2010

Contact Info

Education

Useful links

<html> <head> <script type="text/javascript" src="jquery.js"></script> <script type="text/javascript"> $(document).ready(function(){

 $("button").click(function(){
   $("div").animate({height:300},"slow");
   $("div").animate({width:300},"slow");
   $("div").animate({height:100},"slow");
   $("div").animate({width:100},"slow");
 });

}); </script> </head>

<body> <button>Start Animation</button> <br /><br /> <div style="background:#98bf21;height:100px;width:100px;position:relative"> </div> </body> </html>