js Подсветка активного пункта меню 

Дата публикации  Дата изменения01.08.14  Комментарии3   Просмотры3243

Пояснение к скрипту: скрипт рассчитан на случай, когда меню оформляется через списки и вложенные ссылки. Пример:

<ul>
     <li class="nav"><a href="/">Главная</a></li>
</ul>

Перед закрывающим тегом </body> вызываем функцию:

<script language="JavaScript" type="text/javascript">highlight()</script>

В css файле определяем class active.

Бесплатные курсы

Категории

Теги: , , ,

Оцените материал:

Рейтинг: 2.0/10 (1)


КомментарииКомментарии:

    Владислав

     

    Мне кажется, можно было сделать чуточку универсальнее, сделав селектор как параметр функции. Но кому нужно будет – сделает сам. Я реализовал похожим образом, на jQuery в три строчки кода :)

    моя версия: автоматическое подсвечивание активного пункта меню на jQuery в три строчки кода

    coder.hol.es /* Админ */

     

    Это очень хорошо – чем больше вариантов рабочих, тем лучше, думается — единственно — в вашем варианте требуется библиотека jQuery – а в материале на чистом js.


Поля, обозначенные как *, обязательны.





Максимальная длина сообщения 900 символов. Осталось   символов

 

Старые →← Новые