"Истина где-то рядом."

Уроки HTML

Скрипты PHP

Шаблоны HTML

Меню сайта
Уроки HTML
Уроки CSS
HTML5
Скрипты JAVA
Вёрстка сайта
Примеры PHP
Графика
Оптимизация сайта
Полезное
Реклама на сайте:






Навигационное меню для сайта


папка digest

Пример №10

Скрипт навигационного окна (меню) для выбора страницы /URL/.

Для придания Вашему сайту большей функциональности и информативности.
Пример работы скрипта находится внизу на странце.

Вариант установки:

Окно навигации без кнопки для перехода

Скопируйте этот код и вставьте его в нужной вам части страницы.

<form>
<select name="menu" onchange="top.location.href = this.options[this.selectedIndex].value;">
<option selected>Навигационное окно</option>
<option value="/index.html">Главная</option>
<option value="/menu/html/main.html">Уроки HTML</option>
<option value="/menu/html/main_html5.html">HTML5</option>
<option value="/menu/css/main.html">Уроки CSS</option>
<option value="/menu/java/main.html">Скрипты JAVA</option>
</select> </form>


Пример:





Окно навигации c кнопкой для перехода

Скопируйте этот код и вставьте его в нужной вам части страницы.

<form>
<select name="menu">
<option value="/index.html">Главная</option>
<option value="/menu/html/main.html">Уроки HTML</option>
<option value="/menu/html/main_html5.html">HTML5</option>
<option value="/menu/css/main.html">Уроки CSS</option>
<option value="/menu/java/main.html">Скрипты JAVA</option>
</select> <input type=button value="Ok" onclick="top.location.href=this.form. menu.options[this.form.menu.selectedIndex].value">
</form>

Пример:


Файл для скачивания в зип архиве:


 



Создано: 12.09.2020.|Обновлено: 22.12.2022.