2014-09-19 48 views
0

假設我的表格單元格中有不同種類的類來處理hover,那麼當它們相應的標題被懸停時,如何觸發所有這些hover事件?CSS:如果他們的表格頭部懸停,如何在表格的每個單元格上觸發懸停?

+0

爲什麼不只是添加類這些細胞,並且該類做'懸停'效果? – Justinas 2014-09-19 07:31:47

+0

你可以使用jQuery嗎? – Youness 2014-09-19 07:31:51

+0

請你可以添加一些代碼和/或一個JS小提琴展示你迄今爲止嘗試過的東西。 – 2014-09-19 07:38:03

回答

0

下面是一個示例:http://jsfiddle.net/g0u2qtxo/2/

段:

$(文件)。就緒(函數(){

$("#iTable td").hover(function() { 
    alert("cell hover"); 
}); 

$("#iHead").hover(function() { 
    alert("header hover"); 
    $("#iTable td").mouseenter(); 
}); 

});

相關性:使用jQuery ...

0

CSS效果改變懸停和JavaScript行的風格處理單擊事件。

在這裏看到:http://jsfiddle.net/5apnLjqt/

HTML:

<tr class="clickable" onclick="nav('http://www.google.com');"> 
     <td>Text</td> 
     <td>Text</td> 
</tr> 

CSS:

tr.clickable:hover td { 
    background: #FFFF00; 
    cursor: pointer; 
} 

的JavaScript:

function nav (url) { 
    window.open(url, '_blank'); 
} 
相關問題