Как выделить активную ссылку?

голоса: 0

Суть такова при заходе на определенную странницу она должна выделятся 

Знаю в системе она используется,

как ее можно внедрить что бы не ставить собственные скрипты,

  а использовать те которые дает юкоз..это даст меньшую нагрузку на сайт.

если нету такой возможности можно и без помощи юкоз.

 

| Автор: | Категория: Дизайн сайта
Вопрос не понятен, у вас сайт в системе юкоз? если да, то стандартное меню выделяет активный пункт.

Ответов: 1

голоса: +2
 
Лучший ответ

Здесь все очень просто сделано, вот так:

1. Добавляем блок ссылок которые завертываем в див:

<div id="msgText">
<a href="URL адрес">Название ссылки</a>
<a href="URL адрес">Название ссылки</a>
<a href="URL адрес">Название ссылки</a>
<a href="URL адрес">Название ссылки</a>
</div>

2. Там же ниже данного кода добавляем скрипт, который будет для активной ссылки добавлять класс которому мы зададим стили выделения активной ссылки:

<script type="text/javascript">
$(document).ready(function(){
/*Start DocumentReady*/
 var url=document.location.href;
 $.each($("#msgText a"),function(e){
		if(url==this.href){$(this).addClass('act-s');};
	});
/*End DocumentReady*/
});
</script>

3. Добавляем стили в таблицу стилей CSS для активной ссылки, например такие:

a.act-s {
    color: #F00;
    border-bottom: 1px dashed #1B74CE;
    display: inline-block;
}

как-то так, пробуйте.

| Автор:
Выбор ответа лучшим | | Автор: Yuri_Geruk
...