Покинул форум
Сообщений всего: 89
Дата рег-ции: Июль 2010
Помог: 0 раз(а)
Хочу сделать выпадающее меню такое же самое как на этом сайте http://4m[dot]net[dot]ua
Подскажите пож. как сделать такое? Ещё интересно, при наведении, а затем когда убираешь мышкой постепенно предыдущее наведение на предыдущий пункт постепенно вроде исчезает.
Реф
Отправлено: 01 Августа, 2010 - 23:50:58
Частый гость
Покинул форум
Сообщений всего: 159
Дата рег-ции: Июль 2010 Откуда: Реутов, Россия
Если писать с нуля, то как самый простой вариант создать выпадающие невидимые блоки с головым содержимым и в нужный момент (при наведении мыши) делать их видимыми. Соответственно в css прописать z-index чтоб появляющееся меню не влияло на остальное содержимое.
----- Думать надо головой, а не головкой!
JustUserR
Отправлено: 02 Августа, 2010 - 02:12:20
Активный участник
Покинул форум
Сообщений всего: 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/
Все гости форума могут просматривать этот раздел. Только зарегистрированные пользователи могут создавать новые темы в этом разделе. Только зарегистрированные пользователи могут отвечать на сообщения в этом разделе.