Мы в твиттере Мы в телеграме!

PROWEBBER » DataLife Engine » DLE хаки » Многоуровневое выпадающее меню - горизонтальное и вертикальное


Многоуровневое выпадающее меню - горизонтальное и вертикальное

Данный материал предоставлен сайтом ProWebber.cc исключительно в ознакомительных целях. Администрация не несет ответственности за его содержимое.
Скачать бесплатно Многоуровневое выпадающее меню - горизонтальное и вертикальное.

Многоуровневое выпадающее меню - горизонтальное и вертикальное

Автор: Test-Templates (редактировал Beetemplate)
Никаких новых идей данное меню в себе не несет, но я постарался сделать его очень простым в плане кода и понимания. HTML и CSS код я приводить не буду - вы без труда сможете сами в них разобраться, так как там простые элементарные списки. Приведу лишь код jQuery, который нам понадобиться, чтобы меню заработало:

При наведении мышки на любой пункт списка (тег li) мы ищем в нем первый элемент ul (подменю) и если данный элемент присутствует, то показываем его. Для удобства мы к тем спискам, которые содержат подменю, добавляем типичные стрелочки, которые как бы намекают, что тут есть чему выпасть = ) За эти стрелочки отвечают классы level-item (стрелка вправо) и level-item2 (стрелка вниз).


Чтобы подключить меню необходимо добавить следующий код между тегами и



К сожалению меню не универсальное и требует небольшой корректировки под каждый шаблон.

Исходники: стили и jscript качаем ниже!(инструкция внутри)

jquery-menutest-templates.zip [1.79 Kb] (cкачиваний: 498)
MD5: 2a062a7da7e74f03801b0f942cd00ced



Дополнительные ссылки на скачивание ТОЛЬКО для зарегистрированных


0
Просмотры: 9 684 :: Комментарии (6) :: :: Нужна помощь? Задайте вопрос на форуме ::
Уважаемый посетитель, Вы зашли на сайт как незарегистрированный пользователь.
Мы рекомендуем Вам зарегистрироваться либо войти на сайт под своим именем.

#1Beetemplate

  • 19 ноября 2014 17:59
  • Регистрация: 10.04.2013
  • Был(а) онлайн: 10.09.2020
  • Комментариев: 54
  • -1
Ребят, подскажите какие модули установлены на данном сайте?(мне нужны названия всех) txt точка uz
С меня +

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

#2werty1001

  • 19 ноября 2014 18:35
  • Регистрация: 17.10.2010
  • Был(а) онлайн: 10.10.2015
  • Комментариев: 51
  • +2
Я не знаю зачем здесь js еще и jquery, такое меню можно намутить на одном css. А еще в хроме в горизонтальном меню "перейти" курсором на второй уровень - целое приключение.

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

#3Beetemplate

  • 19 ноября 2014 19:05
  • Регистрация: 10.04.2013
  • Был(а) онлайн: 10.09.2020
  • Комментариев: 54
  • -1
werty1001,
я тоже заметил, забыл об этом сказать. Думаю, если кому надо, то сами допилят smile

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

#4kagorec

  • 22 ноября 2014 02:08
  • Регистрация: 24.01.2010
  • Был(а) онлайн: 17.08.2020
  • Комментариев: 76
  • -2
минус - поскольку меню не работает как надо, при наведении курсора открывается но передвинув на милиметр курсор так оно пропадает и нельз я раскрыть далее.
п.с мозила 32.0

#5Beetemplate

  • 22 ноября 2014 12:05
  • Регистрация: 10.04.2013
  • Был(а) онлайн: 10.09.2020
  • Комментариев: 54
  • +1
kagorec,
Все вопросы к разработчику, я решил поделится , а вы еще и минусуете.
ГОРИЗОНТАЛЬНОЕ МЕНЮ БАГНУТОЕ!КОМУ НАДО - ПРАВЬТЕ САМИ!

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

#6AlexSS

  • 29 ноября 2014 10:40
  • Регистрация: 10.12.2009
  • Был(а) онлайн: 25.03.2015
  • Комментариев: 35
  • 0
Beetemplate,
Потому, что хак это изменение движка, а это дизайнерское решение. Не надо это хаком называть, идиотизм какой-то.

Информация
Посетители, находящиеся в группе Гости, не могут оставлять комментарии к данной публикации.

Архив новостей
Июль 2022 (13)
Июнь 2022 (227)
Май 2022 (224)
Апрель 2022 (403)
Март 2022 (223)
Февраль 2022 (184)
Друзья сайта