| Главная » Файлы » Прочие скрипты » jQuery |
Создаем активную ссылку на jQuery
| 23.06.14, 14:16:24 | |
 Давно мне этот вопрос не давал покоя, обходил я его раньше условными операторами, теперь есть альтернативный способ выделения ссылки на который в данный момент находимся, через jQuery! 1) Для начала мы заключаем наши ссылки в див блок с уникальным идом Код <div id="activeURL"> <a href="/page1">Страница1</a> <a href="/page2">Страница2</a> </div> Затем на jQuery мы находим этот блок, и проверяем каждую ссылку, и при подтверждении условия, ей будет назначаться свой класс. Код $(document).ready(function(){ var url=document.location.href; $.each($("#activeURL a"),function(){ if(this.href==url){$(this).addClass('activeCSS');}; }); }); И в конце устанавливаем стиль активной ссылке Код <style> a.activeCSS{text-decoration:underline; color:#007ab1;} </style> Вот и все, материал подготовил leonP4 Источник likbezz.ru Демо | |
| Просмотров: 485 | Загрузок: 0 | Комментарии: 7 | | |
| Всего комментариев: 0 | |
|
| |