Постоянная hover-кнопка

[Dimusyan]

Здравствуйте!

Как можно реализовать следующее?

Предположим есть меню:

<a>Главная</a>
<a>Новости</a>
<a>Галерея</a>

Мне нужно, чтобы, когда я нахожусь на странице "Новости", ссылке "Новости" придавался псевдокласс :hover

[ShumNo]

При нахождении на странице новости к линку, который ведет на эту страницу, добавляется/меняется класс в котором переопределяется стиль для пункта меню

Это можно сделать:

1. система (cms) это делает

2. с помощью js

[Dimusyan]

При нахождении на странице новости к линку, который ведет на эту страницу, добавляется/меняется класс в котором переопределяется стиль для пункта меню

Это можно сделать:

1. система (cms) это делает

2. с помощью js

Но в том-то и дело, что я не знаю, как это сделать через JS, а CMS не стоит на сайте

[hypnocolor]

Псевдокласс :hover срабатывает не когда вы находитесь на странице, а когда курсор мыши наведён на элемент, к которому этот псевдокласс привязан.

Если у вас не CMS, тогда просто создайте класс для выделенного пункта меню и в каждой странице привяжите класс к соответствующему пункту.

[sigma77]

Но в том-то и дело, что я не знаю, как это сделать через JS, а CMS не стоит на сайте

Тогда добавьте этот клас вручную. на каждой странице своему пункту.

[aurfon]

Если каждый пункт находится на разной странице: например :

<a href="index.html">Главная</a>
<a href="news.html">Новости</a>
<a href="galery.html">Галерея</a>

то предлагаю создать класс active(название может быть любым), и

на странице index.html

<a href="index.html" class="active">Главная</a>
<a href="news.html">Новости</a>
<a href="galery.html">Галерея</a>

на странице news.html

<a href="index.html">Главная</a>
<a href="news.html" class="active">Новости</a>
<a href="galery.html">Галерея</a>

на galery.html

<a href="index.html">Главная</a>
<a href="news.html">Новости</a>
<a href="galery.html" class="active">Галерея</a>

CSS

.active {
   нужные вам параметры, которые Вы возьмете из :hover
}

galery.html

[alex_anderr]

Если каждый пункт находится на одной странице, то через переменную.

Переменная = класс. Если не задана, то класс пустой.

[aurfon]

Если на одной странице, то можно сделать через :target (если честно у меня не получилось, я тут даже тему поднимал по этому вопросу)

получатся каждой ссылке ставим id="название страницы"

К примеру:

<a href="index.html" id="index"> при клике на ссылку

в адресной строке получится www.site.ru/index.html#index

a:target {

нужные св-ва

}

ссылка с id равная таргету будет принимать эти сво-ва

[mrnobody]

ой, не то (

Edited August 14, 2012 by mrnobody