Css Html JavaScript - навигация выделить текущее выбранное меню

Question

я думаю, что этот вопрос очень прост, но я не знаю, прав ли я.Я oldschoool HTML, PHP кодер.Я хочу использовать этот вид навигации: http://www.cssportal.com/horizontal-menus/13styles.htm

Пока проблем нет.Я получил динамическую страницу php, и я хочу использовать это меню.Без этой строки в HTML-части нет проблем:

  <li><a href="" title="" class="current"><span>LINK</span></a></li>

Проблема в классе.Какой самый умный способ определить, какая ссылка сейчас актуальна?Я бы сделал это таким образом.Я хотел бы написать скрипт PHP, как этот псевдокод:

if acutaldocument == "link1.html" then echo "class='current' ";

Но я думаю, что это не самый умный способ.Или я прав?Спасибо

Answer 1

Есть много вариантов ...

Вы можете использовать сеансовые куки, JavaScript, вы можете передать идентификатор в конце URL (например,? Nav = 2) или проанализировать URL и проверить его ...

Все они работают ... у всех есть свои плюсы и минусы ... зависит только от того, как настроена ваша страница ...

Answer 2

Дайте тегу тела каждой страницы идентификатор. Скажем, вы даете тегу тела страницы About идентификатор "about". Дайте идентификаторы для всей вашей навигации <li> с тоже. Скажем, вы даете "примерно" идентификатор для навигации <li>

В вашем файле CSS сделайте следующее:

body#about li#about {
   // apply differentiating style here...
}

Вы можете продолжать делать это и для всех других страниц. И только тогда, когда оба идентификатора тела и идентификатор <li> совпадают, применяется стиль.