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

Javascript模拟“悬停”触发CSS属性

1 个答案: