Bug Tracker

Ticket #7109: animate.html

File animate.html, 0.4 KB (added by kellyfelkins, October 01, 2010 11:04PM UTC)

animates a div from 30% to 1% width. Has initial bump on webkit

<!DOCTYPE html>
<html>
<head>
  <style>
div { 
background-color:#bca; 
width:20%; 
border:1px solid green;
}
</style>
  <script src="http://code.jquery.com/jquery-latest.min.js"></script>
</head>
<body>
  <button id="go">&raquo; Run</button>

<div id="block">Hello!</div>
<script>

/* Using multiple unit types within one animation. */

$("#go").click(function(){
  $("#block").animate({width: "1%"});
});
</script>

</body>
</html>

Download in other formats:

Original Format