当前位置: 代码迷 >> 综合 >> :hover和onmouseover、onmouseout
  详细解决方案

:hover和onmouseover、onmouseout

热度:48   发布时间:2023-12-12 03:49:51.0

两者一个是用过css达到效果,一个是通过js达到效果。需要灵活使用。
若是使用css是这样的

<style>tr:hover {
    font-weight: bold;}
</style>

如果使用JS是这样的

function highlightRows() {
    if(!document.getElementsByTagName) return false;var rows = document.getElementsByTagName("tr");for (var i=0; i<rows.length; i++) {
    rows[i].onmouseover = function() {
    this.style.fontWeight = "bold";}rows[i].onmouseout = function() {
    this.style.fontWeight = "normal";}}
}

明显,使用js写的多。但用css可能存在兼容问题,但2020年了,还会不兼容?果然还是用css吧!

  相关解决方案