При создании компактных меню не обойтись без выпадающего списка. Такое окошко, когда кликаешь по нему и перед тобой появляется список возможные тематических слов или фраз. Ну и если выбрать один из этих «объектов», то попадешь на нужный раздел сайта. Именно о такой форме и будет сделана заметка в настоящей статье.
Весь принцип работы основан на создании формы и необходимости прописать алгоритм действия с объектами. Все остальное делает jquery, то есть сразу подразумеваем, что это лишь видимая часть айсберга.

Итак, в нашем случае в первую очередь применяется алгоритм выбора нужного компонента, через select onchange=" ", а далее в кавычках прописываем document.location=this.options[this.selectedIndex].value, то есть делаем перенаправление в зависимости от значения переменной. Сами переменныt как раз и оформлены в форме… Собственно тут уж пришло самое время обратиться к коду

Посмотреть код

Осталось сказать, что код весьма простой и эффективно работает, а что по поводу оформления стилей, то это уж на ваше усмотрение. Ну и как же без примера...

Выбираем:

На этом можно завершить статью.