Показать сообщение отдельно
  #2 (permalink)  
Старый 06.03.2015, 14:15
Профессор
Отправить личное сообщение для laimas Посмотреть профиль Найти все сообщения от laimas
 
Регистрация: 14.01.2015
Сообщений: 12,989

<!DOCTYPE HTML> 
<html> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> 
 <style>
div {
    margin: 3px;
    width: 40px;
    height: 40px;
    position: absolute;
    left:0;
    top: 0;
    background: green;
}
</style>
<script src="https://code.jquery.com/jquery-1.10.2.js"></script>
</head>
<body>

<div></div>
<script>
var div = $( "div" );
function runIt() {
    div.animate({ left: 30 }, 500 )
       .animate({ top: 30 }, 500 )
       .animate({ left: "-=30" }, 500 )
       .animate({ top: "-=30" }, 500, function() {
          runIt()
       });
}

runIt();

</script>
</body> 
</html>

Последний раз редактировалось laimas, 06.03.2015 в 14:30.
Ответить с цитированием