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]   

> Без описания
Golovastik
Отправлено: 01 Августа, 2010 - 23:31:33
Post Id


Гость


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


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




Хочу сделать выпадающее меню такое же самое как на этом сайте
http://4m[dot]net[dot]ua
Подскажите пож. как сделать такое? Ещё интересно, при наведении, а затем когда убираешь мышкой постепенно предыдущее наведение на предыдущий пункт постепенно вроде исчезает.
 
 Top
Реф
Отправлено: 01 Августа, 2010 - 23:50:58
Post Id



Частый гость


Покинул форум
Сообщений всего: 159
Дата рег-ции: Июль 2010  
Откуда: Реутов, Россия


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




Как вариант использовать плагины jQuery коих счас много.
http://jquerylist[dot]com/#tabs_menus_navigation
http://apycom[dot]com/
http://www[dot]htmldrive[dot]net/categor[dot][dot][dot]enu-Navigation/1

Если писать с нуля, то как самый простой вариант создать выпадающие невидимые блоки с головым содержимым и в нужный момент (при наведении мыши) делать их видимыми. Соответственно в css прописать z-index чтоб появляющееся меню не влияло на остальное содержимое.


-----
Думать надо головой, а не головкой!
 
 Top
JustUserR
Отправлено: 02 Августа, 2010 - 02:12:20
Post Id



Активный участник


Покинул форум
Сообщений всего: 8715
Дата рег-ции: Июнь 2009  


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




Golovastik пишет:
Подскажите пож. как сделать такое? Ещё интересно, при наведении, а затем когда убираешь мышкой постепенно предыдущее наведение на предыдущий пункт постепенно вроде исчезает
Для того чтобы реализоват навигационное меню аналогичное тому что используется на приведенном вами сайте - достаточно использования средств динамческого HTML и чистого JS-скрипта причем при таком подходе можно добиться максимального быстродействия - особенно в том случае если создать специальный JS-обработчик для браузера Internet explorer с использованием встроенных в него динамических фильтров - которые работают значительно быстрее по той причине что он реализованы не на интерпретируемом языке а во строенных в браузер библиотеках
Конкретно самая просая реализация осуществляется следующим образом - с помощью средств CSS-стилей вы создаете статический набор блочных ссылок и оформляете их в соответсвтии с дизайном меню Далее создаются JS-функции для обработки событий document.onmouseover и document.onmouseout - они проверяют объект DOM-модели который сгенерировал одно из указанных событий - и например по CSS-классу или шаблону идентификатора определеяют элементы вашего меню - после чего вызывается функция для отображения/скрытия фоновой полупрозрачной подложки Для упрощения желательно установить для подложки более низкий z-index в целях того чтобы соответствующее событий перехватывал сам элемент меню - и не приходилось осуществлять дополнительную обработчку для определения связанного элемента напрмер по DOM-модели


-----
Сделать можно все что угодно - нужно только старание, терпение и хороший поисковик Улыбка
Безлимитный web-хостинг от 15 рублей за 40 МБ дискового пространства - http://ihost[dot]oks71[dot]ru/
 
 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