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

Чтение RSS Мы в твиттере
РазделНазвание темыОтветовПоследний
Объявления, новости, предложения и отзывы Новый форум открыт! 11 raz0r
«    Январь 2018    »
ПнВтСрЧтПтСбВс
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
 

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, скачали 351 раз


0
Просмотры: 5914 Комментарии (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, шаблоны, статьи по раскрутке

Опросы

Как часто вы бываете на сайте?

Захожу 1-2 раза в день
1-2 часа в сутки
Более 2 часов
Почти целый день тут smile

Архив новостей
Январь 2018 (60)
Декабрь 2017 (27)
Ноябрь 2017 (7)
Октябрь 2017 (10)
Сентябрь 2017 (4)
Август 2017 (4)

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

Искать людей

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