1. JavaScript / Говнокод #9500

    +163

    1. 01
    2. 02
    3. 03
    4. 04
    5. 05
    6. 06
    7. 07
    8. 08
    9. 09
    10. 10
    11. 11
    12. 12
    13. 13
    14. 14
    15. 15
    16. 16
    17. 17
    18. 18
    19. 19
    20. 20
    21. 21
    22. 22
    23. 23
    24. 24
    25. 25
    26. 26
    27. 27
    28. 28
    29. 29
    30. 30
    31. 31
    32. 32
    33. 33
    34. 34
    35. 35
    36. 36
    fadeOutAnimate($("#bigsun"), 500);
            fadeInAnimate($("#littlesun"), 500, function(){
                fadeInAnimate($("#point1"), 300, function(){
                    fadeInAnimate($("#point2"), 300, function(){
                        fadeInAnimate($("#point3"), 300, function(){
                            fadeInAnimate($("#point4"), 300, function(){
                                fadeInAnimate($("#point5"), 300, function(){
                                    fadeInAnimate($("#point6"), 300, function(){
                                        fadeInAnimate($("#point7"), 300, function(){
                                            fadeInAnimate($("#point8"), 300, function(){
                                                fadeInAnimate($("#arrows"), 600, function(){
                                                    fadeInAnimate($("#direction1"), 300, function(){
                                                        fadeInAnimate($("#direction2"), 300, function(){
                                                            fadeInAnimate($("#direction3"), 300, function(){
                                                                fadeInAnimate($("#direction4"), 300, function(){
                                                                    fadeInAnimate($("#direction5"), 300, function(){
                                                                        fadeInAnimate($("#direction6"), 300, function(){
                                                                            fadeInAnimate($("#direction7"), 300, function(){
                                                                                fadeInAnimate($("#direction8"), 300, function(){
                                                    
                                                                                });
                                                                            });
                                                                        });
                                                                    });
                                                                });
                                                            });
                                                        });
                                                    });
                                                });
                                            });
                                        });
                                    });
                                });
                            });
                        });
                    });

    Анимация.

    Запостил: fixxxerrr, 21 Февраля 2012

    Комментарии (26) RSS

    • ava guest 21.02.2012 11:53 # +3

      fadeception
      Ответить

    • ava guest 24.02.2012 02:22 # −1

      А как это правильно оптимизировать?
      Интересна правильная реализация такой задачи...
      Ответить

      • ava guest 24.02.2012 12:19 # −1

        В итоге минусуют, но никто так и не предложил нормального решения.
        Сами небось так же пишете...
        Ответить

        • ava Vasiliy 24.02.2012 19:13 # 0

          each()
          Ответить

          • ava ZX_Spectrum 24.02.2012 22:01 # 0

            я не знаток jquery, но тут по коду вроде получается, что анимация разных элементов происходит последовательно, а не параллельно, разве получится так сделать через each() ?
            Ответить

            • ava bugmenot 24.02.2012 22:11 # +3

              прелесть jquery в том, что никто не знаток, включая самого главного бугра
              Ответить

            • ava Serabas 04.05.2012 12:35 # 0

              в animate можно прописать опцию, кажется во второй или третий аргумент (объект) - queue: true.
              типа так:
              jQuery('#ololo').animate({left: 100, top: 200}, {queue: true});
              jQuery('#ololo2').animate({left: 100, top: 200}, {queue: true});
              вроде так должно сработать последовательно
              кстати там много опций... и мне приглянулась одна замечательная - step - функция срабатывающая на каждом шаге анимации. передаёт в себя всю (ну или почти всю) нужную информации о текущей анимации.
              Ответить

      • ava guest 24.02.2012 12:25 # +1

        дворники нынче в цене...
        Ответить

      • ava fixxxerrr 25.02.2012 00:34 # 0

        http://api.jquery.com/category/deferred-object/
        Ответить

      • ava Skull 05.03.2012 19:02 # 0

        В jquery есть функция .delay(ms), которая задерживает начало анимации.
        Ответить

      • ava istem 08.03.2012 14:19 # +2

        через объект с параметрами и рекурсию
        Ответить

      • ava TarasB 08.03.2012 14:52 # 0

        Подскажу:
        Представь, что тебе надо сделать перебор по всем возможным значениям вектора, размерность на этапе компиляции не известна.
        Ответить

    Добавить комментарий