2013-11-14 4 views
2

У меня есть список меню, в котором элементы меняют цвет, пока я навис над ним. У меня также есть изображение, над которым я хотел бы навести курсор, и элементы из списка выделили бы (поскольку я наводил бы прямо на них).Javascript моделирует «зависание», вызывающее свойства CSS

Я не знаю, как вызвать его JS - я думал о симуляции зависания над точным предметом из списка.

Вот коды:

CSS класс

#przyciski a:hover 
    { 
    color:orange; 
    text-decoration:none; 
    cursor: hand; 
    } 

HTML код:

<img src="img/kwadrat.jpg" 
    onCLick="" 
    onmouseover="someFunction('itemFromTheList')"/> 

Если кто-то может поделиться идеей я был бы благодарен.

+0

JavaScript не может вызвать зависание. Почему CSS не отражает то, что вы делаете? Добавьте новое правило с классом, переключите класс. – epascarello

+0

Ваш пример очень неполный. Вы должны опубликовать JSFiddle, который дает нам что-то для работы. Вы намерены, вероятно, переключить цвет фона на другой элемент, когда мышь наводится на вашу ссылку. – theoutlander

+0

Возможный дубликат [Как заставить состояние зависания с jQuery?] (Http://stackoverflow.com/questions/2290829/how-to-force-a-hover-state-with-jquery) – Pointy

ответ

2

Добавить еще одно правило CSS идентичное: парение, но для класса, скажем, '.hover'

#przyciski a:hover, #przyciski a.hover 
{ 
color:orange; 
text-decoration:none; 
cursor: hand; 
} 

Скажет, у вас есть изображения

<img src="img/kwadrat.jpg"/> 

Добавить обработчик MouseOver/MouseOut событий инициируют класс на вашем анкете

$('img').on('mouseover', function() { 
    $('#przyciski a').addClass('hover') 
}) 

$('img').on('mouseout', function() { 
    $('#przyciski a').removeClass('hover') 
}) 
Смежные вопросы