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

голоса: 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
...