触发悬停或鼠标悬停以获得定义的CSS效果

时间:2012-01-21 14:08:20

标签: jquery html css

我试图在表格的前一行触发悬停事件,这样我就可以在CSS中定义它的效果,但它不起作用。基本上我所拥有的是两行连接,每当任一行被鼠标悬停时都需要这种边界效果。 jQuery中的解决方案是什么?

的jQuery

$("tr").hover(function() {
  $(this).prev().trigger('mouseover');
});

CSS

tr:hover .row-right {
  border-right: 10px solid #CCC;
}

1 个答案:

答案 0 :(得分:1)

的jQuery

 $("tr").mouseover(function() {
    $(this).prev().addClass('hover');
 });
 $("tr").mouseout(function() {
    $(this).prev().removeClass('hover');
 });

CSS

 tr.hover .row-right {
    border-right: 10px solid #CCC;
  }

jsFiddle链接:http://jsfiddle.net/vsApc/