Конференция "Прочее" » Как изменить стиль hover?
 
  • palva © (03.02.09 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 © (03.02.09 14:34) [1]

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

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

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

    ну и потом

    <a class=menu1 ...>...
  • palva © (03.02.09 18:05) [2]
    Дело в том, что имя файла для каждой ссылки разное и заранее неизвестное. Этот файл загружается на сайт при заполнении сайта контент менеджером. При генерации странички это имя берется из базы данных. Поэтому и стал вопрос о его подмене. Можно, конечно, заносить это имя в стилевую таблицу при заполнении сайта. Но для этого надо дать права на изменение файла css.
  • DVM © (03.02.09 18:10) [3]

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

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

    Не, не надо править основной файл CSS. В документе может быть несколько CSS файлов. Вот пусть ниже основного дописывается ссылка на этот дополнительный файл из которого и возьмется описание. Дополнительный файл пусть генерируется на лету.
  • DVM © (03.02.09 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]

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

    Интересная идея. Спасибо.
  • antonn © (03.02.09 22:35) [6]

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

    либо выводится сразу в страницу
 
Конференция "Прочее" » Как изменить стиль hover?
Есть новые Нет новых   [134454   +44][b:0][p:0.001]