Warning: Cannot use a scalar value as an array in /home/admin/public_html/forum/include/fm.class.php on line 757

Warning: Invalid argument supplied for foreach() in /home/admin/public_html/forum/include/fm.class.php on line 770

Warning: Invalid argument supplied for foreach() in /home/admin/public_html/forum/topic.php on line 737
Форумы портала PHP.SU :: Выпадающее меню состоящее из двух частей

 PHP.SU

Программирование на PHP, MySQL и другие веб-технологии
PHP.SU Портал     На главную страницу форума Главная     Помощь Помощь     Поиск Поиск     Поиск Яндекс Поиск Яндекс     Вакансии  Пользователи Пользователи


 Страниц (1): [1]   

> Без описания
dropoff
Отправлено: 14 Марта, 2013 - 20:16:01
Post Id



Посетитель


Покинул форум
Сообщений всего: 310
Дата рег-ции: Дек. 2010  


Помог: 0 раз(а)




Всем привет.

Столкнулся с проблемой решения задачи.
Конечно проще и удобнее было бы вложенный ul сделать в li. Но нужно именно так.

Есть менюшка такая
CODE (html):
скопировать код в буфер обмена
  1. <ul class="top-nav">
  2.     <li><a href="/">Главная</a></li>
  3.     <li class="menu-1"><a href="/news">Новости</a></li>
  4.     <li class="menu-2"><a href="/articles">Статьи</a></li>
  5.     <li class="menu-3"><a href="/faq">Вопросы</a></li>
  6.     <li class="menu-4"><a href="/help">Помощь</a></li>
  7. <ul>


Есть относящиеся к ней подменю, которые скрыты по умолчанию
CODE (html):
скопировать код в буфер обмена
  1. <div class="sub-menu sub-menu-1"><h3>Новости</h3><p>Наши новости</p></div>
  2. <div class="sub-menu sub-menu-2"><h3>Статьи</h3><p>Наши статьи</p></div>
  3. <div class="sub-menu sub-menu-3"><h3>Вопросы</h3><p>Ответы на вопросы</p></div>
  4. <div class="sub-menu sub-menu-4"><h3>Помощь</h3><p>Быстрая помощь</p></div>


Пример того, что получилось - http://jsfiddle[dot]net/dTBkJ/2/

Открывать определенное подменю при наведении на меню не проблема.
Но проблема в том:
- как удержать подменю открытое, если на него навели курсор(т.е. не убирают курсор с подменю)
- как добавить в меню класс active к li пока курсор на подменю, чтобы выделять активный пункт меню.
- как сделать задержку перед открытием. т.е. когда юзер именно держит курсор на меню, а не провел случайно, чтобы не мигало подменю, а показывалось именно при наведении и удержании курсора определенное время.

Я честно гуглил. Но решения которые находил или варианты, либо работали с ошибками, либо были не кроссбраузеры.
 
 Top
EuGen Администратор
Отправлено: 14 Марта, 2013 - 23:21:58
Post Id


Профессионал


Покинул форум
Сообщений всего: 9095
Дата рег-ции: Июнь 2007  
Откуда: Berlin


Помог: 707 раз(а)






-----
Есть в мире две бесконечные вещи - это Вселенная и человеческая глупость. Но насчет первой .. я не уверен.
 
 Top
dropoff
Отправлено: 15 Марта, 2013 - 11:21:17
Post Id



Посетитель


Покинул форум
Сообщений всего: 310
Дата рег-ции: Дек. 2010  


Помог: 0 раз(а)




Спасибо. Вроде плагин который там приводится (jQuery-menu-aim) делает то, что нужно.
сейчас буду смотреть.
 
 Top
Страниц (1): [1]
Сейчас эту тему просматривают: 0 (гостей: 0, зарегистрированных: 0)
« JavaScript & VBScript »


Все гости форума могут просматривать этот раздел.
Только зарегистрированные пользователи могут создавать новые темы в этом разделе.
Только зарегистрированные пользователи могут отвечать на сообщения в этом разделе.
 



Powered by PHP  Powered By MySQL  Powered by Nginx  Valid CSS  RSS

 
Powered by ExBB FM 1.0 RC1. InvisionExBB