анимация цепочки позиций с помощью jquery animate () - PullRequest
Новая
       37

анимация цепочки позиций с помощью jquery animate ()

1 голос
/ 11 марта 2011

Я хотел бы, чтобы набор из 11 элементов "летал" на страницу - с помощью связанного набора анимаций с использованием jQuery animate ().

У меня есть следующее: http://bit.ly/g90S3JКажется, в FF3.6 работает довольно хорошо, но я вижу, что в IE8 - анимации и позиции находятся далеко - элементы остаются вне сцены, или летят со сцены, тогда как в FF они собираются вокруг центра, как они должны.

то, что иногда также кажется, что происходит в FF, это то, что конечное положение элементов, кажется, время от времени меняется время от времени.странно !!

может кто-нибудь помочь мне здесь?

Большое спасибо!

1 Ответ

0 голосов
/ 11 марта 2011

У вас есть это: 

.flyItem {
    display: inline;
    overflow: visible;
    position: absolute;
}

Когда я хочу установить начальную позицию, просто добавьте: 

  top:0;
   left:0;

К свойствам и так как у вас есть: 

$(function(){ 
       $("#item1").animate({'top': '+=1200px'},2000, 'swing', function(){
      $("#item2").animate({'right': '-=2630px'},3000, 'swing', function(){
        $("#item3").animate({'top': '-=2700px'},3000, 'swing');        
                                                                                         });                                                           
                                                                        }); 

       $("#item6").animate({'right': '+=1860px'},2000, 'swing', function(){
       $("#item5").animate({'top': '+=1000px'},3000, 'swing', function(){
        $("#item4").animate({'right': '+=1000px'},3000, 'swing');          
                                                                                });                                                        
                                                                        }); 


});

все элементы 'flyItem' должны находиться внутри относительно позиционированного элемента div.

...