javascript实现的鼠标悬浮当前td单元格变色效果

主页 M

javascript实现的鼠标悬浮当前td单元格变色效果

2020-05-21 网页编程网 网页编程网

<style>
td.tdCurr {background:#FC0}
</style>
</head>
<body>
<table width="750" border="0" cellspacing="1" cellpadding="0" bgcolor="#666666">
  <tr>
    <td height="30" bgcolor="#FFFFFF"> </td>
    <td height="30" bgcolor="#FFFFFF"> </td>
    <td height="30" bgcolor="#FFFFFF"> </td>
    <td height="30" bgcolor="#FFFFFF"> </td>
    <td height="30" bgcolor="#FFFFFF"> </td>
  </tr>
  <tr>
    <td height="30" bgcolor="#FFFFFF"> </td>
    <td height="30" bgcolor="#FFFFFF"> </td>
    <td height="30" bgcolor="#FFFFFF"> </td>
    <td height="30" bgcolor="#FFFFFF"> </td>
    <td height="30" bgcolor="#FFFFFF"> </td>
  </tr>
  <tr>
    <td height="30" bgcolor="#FFFFFF"> </td>
    <td height="30" bgcolor="#FFFFFF"> </td>
    <td height="30" bgcolor="#FFFFFF"> </td>
    <td height="30" bgcolor="#FFFFFF"> </td>
    <td height="30" bgcolor="#FFFFFF"> </td>
  </tr>
</table>
<script type="text/javascript">
var tds = document.getElementsByTagName('td');
for (var i = 0; i < tds.length; i++) {
    tds[i].onmouseover = function() {
        this.style.background = '#FC0';
    }
    tds[i].onmouseout = function() {
        this.style.background = '#fff';
   }
}
</script>
</body>

阅读原文

阅读 3315

123 显示电脑版