javascript - 悬停时并排显示三个 Div

Question

如何做到当鼠标悬停在一个 div 上时，整行突出显示并允许用户单击它？我完全不知道是使用 Javascript 还是 Jquery。

这里是代码预览和查看的链接:http://jsfiddle.net/cMpaE/

顺便说一下，我将它们用作 ListView 类型的控件，因此一页上会有多个。

感谢您的宝贵时间。

Answer 1

使用 jQuery:

将行包裹在容器 div 中，然后在您进入/离开 div 时切换类

CSS:

.hover > div {
    background-color: #0f0 !important; /* Only need !important to override your inline css */
}

jQuery:

$('#logoBlock,#promotionBlock,#descriptionBlock').hover(function() {
    $(this).parent().toggleClass('hover');
});

请参阅此处的工作示例:http://jsfiddle.net/m22Gu/2/