Модераторы: Sardar, Aliance
  

Поиск:

Ответ в темуСоздание новой темы Создание опроса
> Слишком большая очередь анимации, Нужно как-то урезать очередь анимации 
:(
    Опции темы
WebMast
Дата 20.2.2010, 15:46 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Front-end developer
*


Профиль
Группа: Участник
Сообщений: 105
Регистрация: 1.1.2009
Где: Беларусь

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



Люди.. Есть вот такой код:
Код

var speed = 300;
  $('#logo img').hover(function show(){
    if( $('#logo').offset().top==191 && $('.forLogoHover').css({display:'block'}) ){
      $('.forLogoHover').animate({top:'0',marginTop:'30px'}, speed);
      $('#logo').animate({top:'0',marginTop:'20px'}, speed, function(){
        $('.forLogoHover span').css({display:'none'});
        $('#message').animate({opacity:'show'}, 400, function(){
          $('.mHide').hover(function(){
            $('.mHideText').show();
            $(this).click(function(){
              $('#message').animate({opacity:'hide'}, 300, function(){
                $('#logo').animate({top:'40%',marginTop:'-150px'}, speed, function(){
                  $('.forLogoHover span').css({display:'block'});
                });
                $('.glugInLogo').animate({opacity:'hide'}, 300);
              });
            });
          }, function(){
            $('.mHideText').animate({opacity:'hide'}, 200);
          });
        });
      });
      $('.glugInLogo').animate({opacity:'show'}, 300);
    }
  });

Пример: http://bitby.net/wp-demo/evgen/GLUG/

При многократных hover, записывается большая очередь анимации и центральный блок выдвигается с паузой (для сравнения с надписью GLUG). Нужно как-то решить эту проблему..
--------------------
Личный Блог Евгения ЖлобоРасширение vkleaner для Google Chrome
PM MAIL WWW Skype   Вверх
12345c
Дата 20.2.2010, 16:39 (ссылка) |    (голосов:1) Загрузка ... Загрузка ... Быстрая цитата Цитата


Круглый
****


Профиль
Группа: Vingrad developer
Сообщений: 2018
Регистрация: 26.12.2005
Где: наша не пропадала ?

Репутация: 6
Всего: 101



Цитата

 урезать очередь анимации
queue(), queue(queue) из документации; примеры там же. 
http://jqapi.com/#p=queue
http://jqapi.com/#p=jQuery.queue


--------------------
Google Code Playground - онлайн-отладка своих примеров HTML+JS без регистрации, с сохранением по URL, без кириллицы. Go
PM WWW   Вверх
WebMast
Дата 20.2.2010, 19:40 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Front-end developer
*


Профиль
Группа: Участник
Сообщений: 105
Регистрация: 1.1.2009
Где: Беларусь

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



12345c, спасибо вам большое : ). А вообще я бы хотел узнать, я вообще в программировании почти ноль, какой стиль для программирования на jQuery самый приемлемый?

--------------------
Личный Блог Евгения ЖлобоРасширение vkleaner для Google Chrome
PM MAIL WWW Skype   Вверх
12345c
Дата 20.2.2010, 23:58 (ссылка) |    (голосов:1) Загрузка ... Загрузка ... Быстрая цитата Цитата


Круглый
****


Профиль
Группа: Vingrad developer
Сообщений: 2018
Регистрация: 26.12.2005
Где: наша не пропадала ?

Репутация: 6
Всего: 101



Вопрос обширный, я не могу считать себя экспертом в рекомендациях.
В jQuery можно использовать $.each(массив, function) для работы с массивами и $().each() для работы с выборками, что сильно повышает понятность кода.
Вообще, современный стиль настоятельно следует изучать по фрагментам кода популярных плагинов и библиотек - в них сам подход заставляет писать "правильно". Не смотреть на учебники с короткими примерами стиля до 2006 года.


--------------------
Google Code Playground - онлайн-отладка своих примеров HTML+JS без регистрации, с сохранением по URL, без кириллицы. Go
PM WWW   Вверх
  
Ответ в темуСоздание новой темы Создание опроса
0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема | JavaScript: для новичков | Следующая тема »


 




[ Время генерации скрипта: 0.0632 ]   [ Использовано запросов: 22 ]   [ GZIP включён ]


Реклама на сайте     Информационное спонсорство

 
По вопросам размещения рекламы пишите на vladimir(sobaka)vingrad.ru
Отказ от ответственности     Powered by Invision Power Board(R) 1.3 © 2003  IPS, Inc.