4

我有菜单列表，当我将鼠标悬停在它上面时，项目会改变颜色。我也有我想悬停的图片，并且列表中的元素会突出显示（因为我会直接将鼠标悬停在它们上方）。

我不知道如何通过 JS 触发它 - 我考虑过模拟将鼠标悬停在列表中的确切项目上。

以下是代码：

CSS 类

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

HTML 代码：

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

如果有人可以分享一些想法，我将不胜感激。

4

1 回答 1

7

添加另一个与 :hover 相同的 CSS 规则，但对于一个类，比如 '.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'))
于 2013-11-14T22:53:40.127 回答