觸發懸停或鼠標懸停來獲得定義的CSS效果

我試圖觸發表格中前一行的懸停事件，以便我可以得到它在CSS中定義的效果，但它不起作用。基本上我所擁有的是2行加入，需要這種邊界效應的鼠標，每當任何一行蒙上陰影。 jQuery中的解決方案是什麼？觸發懸停或鼠標懸停來獲得定義的CSS效果

jQuery的

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

CSS

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

來源

2012-01-21 el_pup_le

能否請您添加HTML代碼藏漢 – Tom

觸發使用JavaScript有沒有關係CSS'hover'屬性'mouseover'事件。請參閱Yaron Uilel提供的替代解決方案的答案。 – mgibsonbr

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/

來源

2012-01-21 14:15:40

這可以通過在$（this）.prev（）'上觸發一些事件來實現嗎？爲避免使用懸停類並使用：懸停來代替。 – umpirsky

觸發懸停或鼠標懸停來獲得定義的CSS效果

回答

相關問題