katiandra4ka,
<!DOCTYPE HTML>
<html>
<head>
<title>Untitled</title>
<meta charset="utf-8">
<style type="text/css">
body{
padding: 0px;
margin: 0px
}
#box{
width: 150px; height:50px; position: relative; left: 100px; top: 200px;
}
</style>
<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
<script>
$(function () {
$("#box").click( function() {
var right = $(window).width()- this.getBoundingClientRect().right;
$(this).animate({
top: '0',
left: '+='+right
},3000); })
})
</script>
</head>
<body>
<button id="box">Анимация!</button>
</body>
</html>