JavaScript - Простое меню
При создании сайта лушче всего использовать меню, которое будет генерироваться на JavaScript. И при добавлении нового пункта не придётся править все страницы сайта. Код меню будет находиться в отдельном файле, в нём будут прописаны названия элементов меню и ссылки на страницы сайта.
Код файла my_menu.js:
var menu=new Array();
var link=new Array();
menu[0]="Главная"; // Название страницы
link[0]="main.htm"; // Имя страницы
menu[1]="Новости";
link[1]="news.htm";
menu[2]="Скачать";
link[2]="download.htm";
document.write('<div style="background-color:#cccccc;text-align:right;padding:5px;">');
/* Задаём цвет фона и выравнивание */
for (var i=0; i<menu.length; i++){ // Выводим все пункты меню
document.write('<a href="'+link[i]+'">'+menu[i]+'</a> ');
if (i+1<menu.length) document.write('| ');
/* В качестве разделителя используем вертикальную черту */
}
document.write('</div>');
Код файла main.htm:
<html>
<head>
<title> Название
</title>
</head>
<body>
<script src="my_menu.js"></script>
<!-- Этот код должен быть на каждой странице. Он отвечает за вывод меню. -->
<h4>Основная часть страницы</h4>
</body>
</html>
Результат
| 