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'))