Сейчас поговорим о том, как за 2 минуты сделать своё выпадающее меню, не обделённое мозгами, на скриптах, не прибегая к дополнительным модулям.

Допустим, у нас есть такое праймари меню:

• Топ 100
• Графика
  • Абстракция
  • Кино
  • Компьютерная графика

Задача.

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

Решение

Сначала выводим в нужное нам место праймари меню. Можно через блок, можно через page.tpl.php, кому как удобнее. Я обычно вывожу вторым способом:

Подборка отличных jQuery скриптов для вашего сайта. Все полезности вы можете скачать абсолютно бесплатно.

1. Всплывающая jQuery CSS3 панель

На демонстрационной странице нажмите на кнопку «infos» слева.

2. CSS3 и jQuery кнопки

При наведении курсора мыши появляется описание кнопки или подсказка.

3. jQuery меню с интересным эффектом

Кратко о фене без перезагрузки страницы

Javascript интерпретируемый язык программирования, являющийся одной из реализаций языка ECMAScript и основанный на концепции прототипов, пришедшей из языка Self.

Язык Javascript не требует компиляции, а сразу интерпретируется средством просмотра.

Обратите внимание на то, что данные языки дают нам возможность выдавать пользователю различную информацию не перезагружая страницу, а единожды загрузив её или подкачивать по мере необходимости.