Этот код предназначен для создания компактного меню. Все ссылки оформляются в виде элементов выпадающего меню, при нажатии на кнопку происходит переход на соответствующую страницу.
HTML
Текст
- Вы наверняка встречали компактные меню навигации, построенные на основе выпадающего списка? Вот код скрипта, позволяющего сделать такую навигацию:
- <form name="f1">
- <select name="Map" onChange="{
- for (var i=0; i < this.length; i++) {
- if (this.options[i].selected) {
- if (i!=0) {
- top.window.location=this.options[i].value;
- break;
- }
- }
- }
- }
- ">
- <option selected value="#">Быстрый переход к разделам:
- </option><option value="main.html">Газета
- </option><option value="stat.html">Статистика
- </option><option value="price.html">Цены
- </option><option value="repr.html">Наши представители
- </option><option value="reclam.html">Примеры рекламы
- </option><option value="order.html">Бюро заказов
- </option></select>
- </form>
- А если у вас используются фреймы, то достаточно будет изменить одну строчку: top.window.location=this.options[i].value;
- на
- top.window.frames[имя фрейма в кавычках или его номер].location=this.options[i].value;
- Не забудьте, что нумерация фреймов в JavaScript начинается с 0!
Постоянные ссылки
При копировании ссылка на TeaM RSN обязательна!
Оставить комментарий
Вы должны войти, чтобы оставить комментарий.