Javascript模拟"悬停"触发CSS属性

Question

我有菜单列表,当我将鼠标悬停在其上时,项目会改变颜色.我也有想要悬停的图片,列表中的元素会突出显示(因为我会直接悬停在它们上面).

我不知道如何通过JS触发它 - 我想到模拟悬停在列表中的确切项目上.

以下是代码:

CSS类

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

HTML代码:

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

如果有人可以分享一些想法,我会感激不尽.

Answer 1

添加另一个相同的css规则:hover但是对于一个类,说'.hover'

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

说你有形象

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

为mouseover/mouseout事件添加处理程序以触发ancor上的类

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

$('img').on('mouseout', function () {
   $('#przyciski a').removeClass('hover')
})

更新:

还有一个简写:

$('img').hover( handlerIn, handlerOut )

和

$( 'img' ).hover( handlerInOut)

所以你可以做一个班轮:

$('img').hover($('#przyciski a').toggleClass.bind('hover'))