Skip to content

Instantly share code, notes, and snippets.

@meekrosoft
Created March 20, 2010 19:00
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save meekrosoft/338832 to your computer and use it in GitHub Desktop.
Save meekrosoft/338832 to your computer and use it in GitHub Desktop.
<html>
<head>
<style type="text/css">
#something {
width: 200px;
height: 200px;
background-color: red;
color: white;
border: 4px solid black;
margin: 100px 0 0 80px;
}
</style>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js">
</script>
<script type="text/javascript">
$(document).ready(function(){
$('#something').animate({'margin-top': '300px', 'margin-left': '400px'}, 1000);
})
</script>
</head>
<body>
<div id="something">
<p>this is a handsome red box</p>
</div>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment