HTML中表格如何在点击后变色？ 20

我要做一个表格，一行N列，文字竖排。表格中每中单元格在点击后均弹出一个新链接。不过现在要：1、表格在最开始显示时，第一个单元格是无底色，绿色文字；其他单元格的底色为绿色，... 我要做一个表格，一行N列，文字竖排。表格中每中单元格在点击后均弹出一个新链接。
不过现在要：
1、表格在最开始显示时，第一个单元格是无底色，绿色文字；其他单元格的底色为绿色，文字为白色。
2、当鼠标指向任一个单元格，该单元格文字变为金色。
3、当鼠标点击其他单元格后，弹出链接同时，该单元格变为无底色，绿色文字；原来的第一个单元变为绿色底色，白色文字。
4、之后鼠标每点击一个新单元时，弹出链接同时，该单元格变为无底色，绿色文字；原无底色的单元格变为绿色底色，白色文字。
请问这个表格要如何做才行啊？展开

 我来答

1个回答

#热议# 在购买新能源车时，要注意哪些？

tz6060996
2009-07-15 · TA获得超过2282个赞

知道大有可为答主

回答量：1171

采纳率：100%

帮助的人：1609万

我也去答题访问个人页

关注

展开全部

<body>
<style type="text/css">
<!--
#table1{
cursor:hand;
}
#table1 .curr {
 color: #00FF00;
}
#table1 .call {
 color: #FFFFFF;
 background-color: #00FF00;
}
-->
</style>
<table width="1000" border="0" cellspacing="0" cellpadding="0" id="table1">
  <tr>
    <td class="curr" onclick="change(this)" onmousemove="mouseover(this)" onmouseout="mouseout(this)">http://www.baidu.com</td>
    <td class="call" onclick="change(this)" onmousemove="mouseover(this)" onmouseout="mouseout(this)">http://www.sina.com</td>
    <td class="call" onclick="change(this)" onmousemove="mouseover(this)" onmouseout="mouseout(this)">http://www.sohu.com</td>
    <td class="call" onclick="change(this)" onmousemove="mouseover(this)" onmouseout="mouseout(this)">http://www.126.com</td>
    <td class="call" onclick="change(this)" onmousemove="mouseover(this)" onmouseout="mouseout(this)">http://www.163.com</td>
  </tr>
</table>
<script>
function change(obj){
  var checkItems=document.getElementById("table1");
  for(var i=0;i<checkItems.cells.length;i++){
       checkItems.cells[i].className = "call";
    }
  obj.className="curr";
   window.open(obj.innerHTML);
}
function mouseover(obj){
 obj.style.color='#FAC205';
}
function mouseout(obj){
 obj.style.color="";
}
</script>
</body>


本回答被网友采纳






已赞过已踩过<

你对这个回答的评价是？
评论收起