Форум

Maxman · #1 (**permalink**) 18.02.2013, 21:18

Здравсвтуйте коллеги. Есть ли какая-то библиотека, которая безпроблемно позволяет заставлять элементы анимированно двигаться по странице по заданной траектории? Причём траектории могут быть довольно сложными, желательно чтобы можно было задавать формулой (движение по параболе, кривой, волнистой линии и прочее)

nerv_ · #2 (**permalink**) 18.02.2013, 21:21

это?

DjDiablo · #3 (**permalink**) 18.02.2013, 22:53

а чем jquery вам неподошёл ?

<!DOCTYPE HTML>
<html>
<head>
<title>Сложная jquery анимация</title>
<script src="http://code.jquery.com/jquery-1.9.1.js"></script>

<script type="text/javascript">
 

jQuery(function( $ ){
  var  div=$( "div" );
  
  div.css({
  	position: "fixed",
  	left: "500px"
  });
  
  div.animate(
    {
      left: 0
    },
    {
      duration: 4000,
      step: function( st ){
        $(this).css({
          top:Math.sin(st/50)*50+200
        })
      }
    }
  );
 
});
 
</script>
</head>
<body>
 
<div>Hello</div>
 
</body>
</html>

DjDiablo · #4 (**permalink**) 18.02.2013, 23:15

ещё пример

<!DOCTYPE HTML>
<html>
<head>
<title>Сложная jquery анимация</title>
<script src="http://code.jquery.com/jquery-1.9.1.js"></script>

<script type="text/javascript">
 

jQuery(function( $ ){
  var  div=$( "div" );
  
  div.css({
  	position: "fixed",
  });
  
  div.animate(
    {
      radius: 10000
    },
    {
      duration: 10000,
      step: function( r,fx ){
        $(this).css({
          top:Math.sin(r/500)*150+200,
          left:Math.cos(r/500)*150+200
        })
      }
    }
  );
 
});
 
</script>
</head>
<body>
 
<div>Hello</div>
 
</body>
</html>

Форум

Справочник

Discord чат

Курсы javascript