prowebber.ru - Тут есть все для настоящих вебмастеров

Мы в твиттере Наша страничка на FaceBook! Сообщество вебмастеров в VK Мы в телеграме!

PW — всё для вебмастера » Всё для DataLife Engine » DLE хаки » Многоуровневое выпадающее меню - горизонтальное и вертикальное

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

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

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

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

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


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



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

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


Z jquery-menutest-templates.zip Размер: 1.79 Kb, скачали 355 раз





0

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

#1Beetemplate

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

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

0

#2werty1001

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

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

+3

#3Beetemplate

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

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

0

#4kagorec

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

-1

#5Beetemplate

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

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

0

#6AlexSS

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

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

SkripTers.biz - Снова с вами

https://culabra.ru — Блог вЭбмастЭра

DCOReARTs.COM - Услуги веб-дизайна и графики

Max-energy.top - Заработок на электросчетчиках;)

Skripters.info - все для вебмастера. Только эксклюзивный контент.

Наши баннеры
Скрипты, cms, шаблоны, статьи по раскрутке

Опросы

Каких материалов НЕ хватает на сайте?

Шаблонов
Скриптов
Программ
Графики
Уроков и курсов

Архив новостей
Апрель 2018 (279)
Март 2018 (498)
Февраль 2018 (410)
Январь 2018 (141)
Декабрь 2017 (27)
Ноябрь 2017 (7)

Последние комментарии:

  • Hosting Ukraine
  • Яндекс.Метрика

Искать людей

Ваши переписки