JQuery Анимация

Question

Я сделал анимацию с помощью jQuery, все написано правильно, но это не работает !!!DX Может ли кто-нибудь мне помочь?

$(document).ready(function(){ 
 $('#cloud1').css({backgroundPosition: '0 -80px'});
 $('#cloud2').css({backgroundPosition: '0 -30px'});
  $('#cloud1').animate({backgroundPosition: '(-500px -80px)'}, 20000);
  $('#cloud2').animate({backgroundPosition: '(-625px -30px)'}, 20000);
});

Answer 1

Вы не ошибетесь с официальным API jQuery.См. .animate () .

Answer 2

Здесь вы можете увидеть, что может сделать jQuery.Вот простая (с исправлением ошибок fiew) игра.Вы можете найти в коде всю jQuery жестокость, которая может вам понадобиться, и она полна циклов и прочего!Взгляните:

http://roxon.in/scripts/particlesExplosionGame/

рекомендуемые браузеры: Opera, Chrome (оба имеют отличный движок JS!)

Или, если хотите, вы можете пройти через это легкомое учебное пособие (тоже есть циклы! счетчики и все самое интересное в jQuery!):

http://roxon.in/scripts/tutorials/NavGallery_jQuery_Tutorial_01/

---

Но всегда ... всегда обращайтесь к официальному API jQueryстраницы.И переполнение стека, конечно.

И посмотрите здесь на «отскоки» (ослабления), ползунки и так далее: http://jqueryui.com/demos/

---

Здесь я приготовил для вас удовольствие

DEMO анимация петель со случайными позициями и скоростью

Я прокомментировал мой код, который поможет вам понять!

Измените числа, добавьте больше машин, получитевесело!

PS: чтобы добавить больше машин, вам нужно изучить метод функции jQuery .each ();) и попытаться реализовать его!

(Хорошо, шучу, но этопросто. ищи себя! ДЕМО с несколькими машинами! )

Answer 3

Взято из документации

  $("#block").animate({
    width: "70%", 
  }, 1500 );

http://api.jquery.com/animate/

изменит текущую ширину на 70% за 1,5 секунды