怎么用javascript解决IE6不支持的:hover

代码如下，要怎么改？？？？？在线等
<!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=utf-8" />
<title>表格样式</title>
<style type="text/css">
<!--
table {
background-color:#FFF;
border:none;
color:#565;
font:12px arial;
}
table caption {
font-size:36px;
font-family:"黑体";
border-bottom:solid 2px #6F0;
border-top:solid 2px #6F0;
}
table, td, th {
margin:0;
padding:0;
vertical-align:middle;
text-align:left;
}
tbody td, tbody th {
background-color:#DFC;
border-bottom:2px solid #b3de94;
border-top:3px solid #ffffff;
padding:9px;
}
tfoot th, tfoot td {
font-weight:bold;
padding:4px 8px 6px 9px;
text-align:center;
}
thead th {
font-size:14px;
font-weight:bold;
line-height:19px;
padding:0 8px 2px;
text-align:center;
}
tbody .odd {
background-color:#CEA;
border-bottom:solid 1px #009966;
}td+td+td,col.price {
text-align:right;
}tbody tr:hover td, tbody tr:hover th, tbody tr.hover td, tbody tr.hover th {
background-color:#8b7;
color:#fff;
}-->
</style>
</head><body>
<table summary="book list">
<caption>Book List</caption>
<col /><col /><col /><col class="price" align="right" /><col />
<thead>
  <tr>
    <th>Title</th>
    <th>ID</th>

    <th>Country</th>
    <th>Price</th>
    <th>Download</th>
  </tr>
  </thead>
  
<tbody>
  <tr>
    <th>Tom</th>
    <td>1213456</td>
    <td>Germany</td>
    <td>$3.12</td>
    <td>Download</td>
  </tr>
  <tr>
    <th class="odd">Chance</th>
    <td class="odd">1213457</td>
    <td class="odd">Germany</td>
    <td class="odd">$123.34</td>
    <td class="odd">Download</td>
  </tr>
  <tr>
    <th>John</th>
    <td>1213458</td>
    <td>Germany</td>
    <td>$34.37</td>
    <td>Download</td>
  </tr>
  <tr>
    <th class="odd">oKathleen</th>
    <td class="odd">1213459</td>
    <td class="odd">Germany</td>
    <td class="odd">$23.67</td>
    <td class="odd">Download</td>
  </tr>
  </tbody>
  
  <tfoot>
  <tr>
    <th>Total</th>
    <td colspan="4">4 books</td>
  </tr>
  </tfoot>
</table>
<script language="javascript">
var rows=document.getElementsByTagName('tr');
for(var i=0;i<rows.length;i++)
{
rows[i].onmouseover=function()
{
this.className='hover';
}
rows[i].onmouseout=function()
{
this.className='';
}
}
</body>
</html>

解决方案 »

  1.   

    用Dreamweaver 8打开，就是说鼠标滑过的时候要变色
    这个是怎么解决，请看一下我的代码
    说说哪里错了，为什么不能实现鼠标滑过时变色？？
    谢谢大家了
      

  2.   

    rows[i].onmouseover=function()
    {
    this.className='hover';
    }我不知道能不能这样写！
      

  3.   

    代码没问题，但是<script>标签没有关闭，加上</script>结束标签就可以了。
      

  4.   

    路过 顺便说下, ie6 是支持hover的,就看你会不会用了
      

  5.   

    我告诉你 IE6只支持a:hover
    其他的都不支持，所以你回答错了
    我肯定会用