В Уроке 7 мы рассмотрели способы построения меню. Теперь необходимо добавить меню интерактивности для того, чтобы посетители знали на какой странице они находятся. В этом нам поможет jQuery. Но сначало нам каждой странице необходимо просвоить ID. Открываем страницу about.html и добавляем код, как указано ниже:
Проделываем это со всеми страницами:
Создаем новый файл под название myscrip.js в папке js:
Привязываем этот созданный файл к страницам index.html, contact.html, about.html (в идеале, это надо было сделать при создании страницы index.html, так что учтем это на будущее), добавив ссылку в конец страниц, после контейнера, где мы ранее разместили ссылки на Javascript:
А теперь, собственно, вводим и сам код в файл myscrip.js:
Переходим на сайт и жмем на ссылки меню. У вас должно активироваться название страницы, на которой вы находитесь.
На главной странице:
На странице «О нас»:
Мы используем меню navbar-default, так как оно дает более четкую картинку.
Проверьте, все ли ваши ссылки меню указывают на правильные страницы.
До проверки:
После проверки:
Добавить комментарий