Как изменить стиль hover?

← →
palva © (2009-02-03 14:30) [0]

Сейчас делаю HTML-страничку
У меня в стилевой таблице прописано
a.menu:hover {background: url(imgon.gif);}
В одной из ссылок нужно использовать другой имидж. Хотелось бы это сделать как-нибудь так
<a class=menu style="background: url(iiion.gif);">...
Конечно, поскольку я не нашел, где указать hover, то имидж заменяется статически, то есть не зависит от движений мыши.
Пока я написал примерно так
<a class=menu onmouseover="this.style.background="url()"" onmouseout=...>
Но хотелось бы все-таки научиться как указывать hover в стиле, а также при модификации стиля из JavaScript
В google нашел таки заданные вопросы на эту тему, но, к сожалению, без ответа.
Наверняка кто-то из Delphimaster знает.

← →
DVM © (2009-02-03 14:34) [1]

> В одной из ссылок нужно использовать другой имидж.

ну так опиши еще один класс в CSS:

a.menu:hover {background: url(imgon.gif);}
a.menu1:hover {background: url(iiion.gif);}

ну и потом

<a class=menu1 ...>...

← →
palva © (2009-02-03 18:05) [2]

Дело в том, что имя файла для каждой ссылки разное и заранее неизвестное. Этот файл загружается на сайт при заполнении сайта контент менеджером. При генерации странички это имя берется из базы данных. Поэтому и стал вопрос о его подмене. Можно, конечно, заносить это имя в стилевую таблицу при заполнении сайта. Но для этого надо дать права на изменение файла css.

← →
DVM © (2009-02-03 18:10) [3]

> palva © (03.02.09 18:05) [2]

Но для этого надо дать права на изменение файла css.

Не, не надо править основной файл CSS. В документе может быть несколько CSS файлов. Вот пусть ниже основного дописывается ссылка на этот дополнительный файл из которого и возьмется описание. Дополнительный файл пусть генерируется на лету.

← →
DVM © (2009-02-03 18:26) [4]

> palva ©

> Но хотелось бы все-таки научиться как указывать hover в
> стиле

А вот так по всей видимости не выйдет. Инлайн стайл и псевдокласс hover несовместимы.

Т.е. типа такого не работает:
<a href="http://www.ya.ru" style="{color: blue; background: white}; :visited {color: green}; :hover {color: red}; :visited:hover {color: blue}; "> ya </a>

> Дополнительный файл пусть генерируется на лету.
>

Интересная идея. Спасибо.

> palva © (03.02.09 20:13) [5]
>
>
> > Дополнительный файл пусть генерируется на лету.
> >
>
> Интересная идея. Спасибо.

либо выводится сразу в страницу

Как изменить стиль hover? Найти похожие ветки