Библиотека анимации на JS
Здравсвтуйте коллеги. Есть ли какая-то библиотека, которая безпроблемно позволяет заставлять элементы анимированно двигаться по странице по заданной траектории? Причём траектории могут быть довольно сложными, желательно чтобы можно было задавать формулой (движение по параболе, кривой, волнистой линии и прочее)
|
|
а чем 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>
|
ещё пример
<!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>
|
| Часовой пояс GMT +3, время: 11:05. |