С задачей создание навигации для сайта сталкивается каждый web-разработчик.Вариантов много: от HTML и CSS , до (как очень любят некоторые зарубежные конторы и заказчики) создания меню на основе Flash.
С приходом jQuery, в современном мире некоторые задачи, некогда решаемые только средствами Flash-технологии, стали решаться иначе.
Связка HTML+CSS+jQuery начинает плотно внедряться в жизнь современного web-разработчика, ни один современный сайт не представляется без jQuery, начиная от лайтбокса (красивое появление изображения в рамочке по центру экрана с возможностью навигации), заканчивая различного рода моушн-эффектами, ранее доступными только флешерам.
Сегодня речь пойдёт об использовании jQuery на примерах создания динамического горизонтального меню.
Chris Coyier писал об этом не так давно в блоге CSS-Tricks.com, поэтому привожу ссылки на сами тексты и на демо-версии.
Набор ингридиентов для приготовления меню достаточно классический: в качестве основы — неупорядоченный HTML-список, оформление на себя берёт CSS, а jQuery придаёт всему движение.
jQuery MagicLine Navigation / создание горизонтального меню / демонстрация
Simple jQuery Dropdowns / горизонтальное меню с ниспадающими пунктами / демонстрация
Желаю успеха всем в освоении и использовании jQuery.