js鼠标移动到表格变色-JS特效-爱易网页

js鼠标移动到表格变色

日期：2014-05-18　浏览次数：20305 次

以下是HTML网页特效代码，点击运行按钮可查看效果：

以下是程序代码

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
</head>
<script>
    function td(obj)
  {
  document.bgColor = obj.bgColor
  }
  </script>
 </HEAD>
 <BODY>
 <center>
  <table border="1px">
    <tr></tr>
     <td name="td1" bgcolor="#ff0000" onmouseover="td(this)" >#ff0000</td>
    <tr></tr>
     <td name="td2" bgcolor="#00ff00" onmouseover="td(this)">#00ff00</td>
 <tr></tr>
     <td name="td3" bgcolor="#0000ff" onmouseover="td(this)">#0000ff</td>
 <tr></tr>
     <td name="td4" bgcolor="#ffff00" onmouseover="td(this)">#ffff00</td>
    <tr></tr>
  <td name="td5" bgcolor="#00ffff" onmouseover="td(this)">#00ffff</td>
    <tr></tr>
  <td name="td6" bgcolor="#ff00ff" onmouseover="td(this)">#ff00ff</td>
  </table>
 </BODY>
</html></font>
<a href="http://js.aiyiweb.com/">欢迎访问爱易网网页特效代码站，js.aiyiweb.com</a>

[Ctrl+A 全部选择提示：你可先修改部分代码，再按运行]