VPF::Можно ли как-нибудь изменить конструкцию?

Guedda

Дата 21.11.2011, 17:13 (ссылка)

(нет голосов)

Загрузка ...

Подрывник

Профиль
Группа: Завсегдатай
Сообщений: 3137
Регистрация: 27.12.2005
Где: Ростов-на-Дону

Репутация: нет
Всего: 78

Доброго времени суток.
Столкнулся с такой проблемой: есть несколько блоков, и мне необходимо, чтобы они анимационно появлялись один за другим. Ничего кроме этого:

Код


jQuery(document).ready(function(){
    jQuery('#box_1').animate({opacity: 1}, 1000, "linear", function(){
        jQuery('#box_2').animate({opacity: 1}, 1000, "linear", function(){
            jQuery('#box_3').animate({opacity: 1}, 1000, "linear", function(){
                jQuery('#box_4').animate({opacity: 1}, 1000, "linear", function(){
                    jQuery('#box_5').animate({opacity: 1}, 1000, "linear", function(){
        
                    });
                });
            });
        });
    });
});

придумать не смог. Может есть поизящнее что-то, да я об этом не знаю?

Заранее благодарен за ответы.

--------------------

Ll 2

$дмитрий

Дата 21.11.2011, 17:41 (ссылка)

(голосов:1)

Загрузка ...

Эксперт

Профиль
Группа: Завсегдатай
Сообщений: 1037
Регистрация: 19.6.2004

Репутация: 5
Всего: 45

Код


jQuery(document).ready(function(){
    var animation = function(n){
     jQuery('#box_'+n).animate({opacity: 0}, 1000, "linear", function(){animation(++n)});
    }
    animation(1);
});

ksnk

Дата 21.11.2011, 18:33 (ссылка)

(нет голосов)

Загрузка ...

прохожий

Профиль
Группа: Комодератор
Сообщений: 6855
Регистрация: 13.4.2007
Где: СПб

Репутация: 48
Всего: 386

можно воспользоваться queue-dequeue

Код


var $x=jQuery('#box_1');
$x.animate({opacity: 0.5}, 1000, "linear")
    .queue( function(){
      jQuery('#box_2').animate({opacity: 0.5}, 1000, "linear",function(){$x.dequeue()});
    })
    .queue( function(){
      jQuery('#box_3').animate({opacity: 0.5}, 1000, "linear",function(){$x.dequeue()});
    })
    .queue( function(){
        jQuery('#box_4').animate({opacity: 0.5}, 1000, "linear",function(){$x.dequeue()});
    })
    .queue( function(){
        jQuery('#box_5').animate({opacity: 0.5}, 1000, "linear",function(){$x.dequeue()});
    });

--------------------

Человеку свойственно ошибаться, программисту свойственно ошибаться профессионально ! user posted image

Guedda

Дата 21.11.2011, 20:11 (ссылка)

(нет голосов)

Загрузка ...

Подрывник

Профиль
Группа: Завсегдатай
Сообщений: 3137
Регистрация: 27.12.2005
Где: Ростов-на-Дону

Репутация: нет
Всего: 78

Спасибо всем. воспользовался вариантом земляка )

--------------------

Ll 2

0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема \| JavaScript: для новичков \| Следующая тема »