jQuery МЕГА-меню

jQuery даёт отличную возможность создавать стильные и симпатичные, а самое главное - очень удобные навигаторы для своего сайта. Так называемое "МЕГА-меню". (**Его Вы видите сразу под шапкой.)

                                Подведите курсор мыши к кнопкам навигатора - всё станет понятно.

Клик по главной кнопке СРАЗУ переместит Вас в другой раздел сайта. Клик по вложенному меню откроет подраздел в новом окне.

Создание МЕГА-меню

Навигаторы такого типа (с вложенными меню) позволяют экономить огромное количество(!) места на страницах сайта. Причём, они сами могут стать великолепным дополнением к дизайну страницы.

Я специально сделал кнопки навигатора НЕПОДХОДЯЩИМИ, и резко выделяющимися из общего стиля страницы. Нужно было, чтобы они выделялись, т.к. хотел показать их принцип работы. Собственно, ради этого и сделал данный подраздел.

Конечно, кода разного для правильной работы таких навигаторов нужно много, но оно того стоит! Это - как раз тот случай, когда можно сказать: "Умещаем большое в малом! ... ...".

* * *

** И, наконец, последнее: даже если у пользователя в браузере запрещено использование javascript, внешний вид, дизайн навигатора не изменится, и он всё равно будет работать. Только уже, как самый обычный.
Так что, дизайн сайта не пострадает!

Послесловие о МЕГА-меню

Показанный здесь пример навигатора интересен, конечно, и делать его было очень интересно, НО!
Но всё то же самое можно сделать ГОРАЗДО ПРОЩЕ! В десятки раз(!) проще. Без всяких скриптов!  И самое интересное, что навигатор, о котором говорю сейчас, не только гораздо проще делается, но ещё он и не менее удобный!  А скорее всего, он даже и гораздо более удобный!

Речь идёт о возможности простыми способами создавать многоуровневые меню. Примеры здесь: "Меню для сайта" (в новом окне).