Перейти к публикации
Поиск в
  • Дополнительно...
Искать результаты, содержащие...
Искать результаты в...

Скорость выпадения меню


 Поделиться

Рекомендованные сообщения

Добрый день!

Не могу разобраться, что отвечает за выпадение меню в этом шаблоне http://demo.opencart.com/ Перерыл весь css и javascript. 

Нужно просто изменить скорость выпадения меню. 

 

Подскажите п-ста, как это сделать.

Ссылка на комментарий
Поделиться на других сайтах



#menu > ul > li > div {

    background: url("../image/menu.png") repeat scroll 0 0 transparent;

    border: 1px solid #000000;

    border-radius: 0 0 5px 5px;

    display: none;

    padding: 5px;

    position: absolute;

    z-index: 5;

}

#menu > ul > li:hover > div {

    display: table;

}

 

Ссылка на комментарий
Поделиться на других сайтах

Меню не выпадает, а проявляется (ч-з свойство display, вам выше указали), поэтому скорость его никак не изменить, разве что использовать css3 и свойство transition

Ссылка на комментарий
Поделиться на других сайтах

Добрый день!

Не могу разобраться, что отвечает за выпадение меню в этом шаблоне http://demo.opencart.com/ Перерыл весь css и javascript. 

Нужно просто изменить скорость выпадения меню. 

 

Подскажите п-ста, как это сделать.

 

В исходном виде скорость не поменять. Надо либо использовать css3 либо переводить меню на JS (если jQuery то соответственно fadein и fadeout). Последний вариант самый надежный, так как будет работать в любом браузере. css3 transition не во всех браузерах нормально работает (много проблем например в Opera).

Ссылка на комментарий
Поделиться на других сайтах


во-первых в стилях убрать псевдоселектор
 

#menu > ul > li:hover > div {
/*display: table;*/
}


во-вторых описать логику выпадения
 

    $('#menu > ul > li').hover(
      function() {        
        $(this).children('div').fadeIn(300);
      },
      function() {
        $(this).children('div').fadeOut(300);
      }
    )

демо тут
http://fr13684.tw1.ru/desktops

  • +1 1
Ссылка на комментарий
Поделиться на других сайтах

  • 4 месяца спустя...

во-вторых описать логику выпадения

 

    $('#menu > ul > li').hover(
      function() {        
        $(this).children('div').fadeIn(300);
      },
      function() {
        $(this).children('div').fadeOut(300);
      }
    )

подскажите а где именно описывать логику выпадения? в каком файле?

Ссылка на комментарий
Поделиться на других сайтах


Создайте аккаунт или войдите в него для комментирования

Вы должны быть пользователем, чтобы оставить комментарий

Создать аккаунт

Зарегистрируйтесь для получения аккаунта. Это просто!

Зарегистрировать аккаунт

Войти

Уже зарегистрированы? Войдите здесь.

Войти сейчас
 Поделиться

×
×
  • Создать...

Важная информация

На нашем сайте используются файлы cookie и происходит обработка некоторых персональных данных пользователей, чтобы улучшить пользовательский интерфейс. Чтобы узнать для чего и какие персональные данные мы обрабатываем перейдите по ссылке. Если Вы нажмете «Я даю согласие», это означает, что Вы понимаете и принимаете все условия, указанные в этом Уведомлении о Конфиденциальности.