| 网站首页 | 业界新闻 | 小组 | 威客 | 人才 | 下载频道 | 博客 | 代码贴 | 在线编程 | 编程论坛
欢迎加入我们,一同切磋技术
用户名:   
 
密 码:  
共有 667 人关注过本帖
标题:请大家帮忙修改这段代码,实现点击后改变一行的颜色
取消只看楼主 加入收藏
wys811116
Rank: 1
等 级:新手上路
帖 子:3
专家分:0
注 册:2009-10-21
结帖率:0
收藏
已结贴  问题点数:20 回复次数:0 
请大家帮忙修改这段代码,实现点击后改变一行的颜色

程序代码:
<html>
<body>
<table onclick="SetColor(event)" id="_t">
<tr>
<td>dd</td><td bgcolor="#0099ff">dd</td><td>dd</td><td bgcolor="#dedede">dd</td>
</tr>                                                                          
<tr>                                                                           
<td>dd</td><td bgcolor="#0099ff">dd</td><td>dd</td><td bgcolor="#dedede">dd</td>
</tr>                                                                          
<tr>                                                                           
<td>dd</td><td bgcolor="#0099ff">dd</td><td>dd</td><td bgcolor="#dedede">dd</td>
</tr>                                                                          
<tr>                                                                           
<td>dd</td><td bgcolor="#0099ff">dd</td><td>dd</td><td bgcolor="#dedede">dd</td>
</tr>                                                                          
</table>
<script tyle="text/javascript">
var oldClr = new Array()
function SetColor(e)
{
 if (!e) e = window.event;
 var obj
 if(window.event)
 obj = e.srcElement
 else
 obj = e.target
 
if(obj.tagName != "TD") return
var oldTD = obj
 while( obj.tagName != "TR")
 obj = obj.parentNode
 var i
 for(i = 0;i<obj.cells.length;i++)
 {
  if(obj.cells[i] == oldTD) break
 }
 var table = document.getElementById("_t")
 for(j = 0;j<table.rows.length;j++)
 {
  //如果要删除其它列的颜色,请加上下面的3行
  for(m = 0;m < table.rows[j].cells.length;m++)
  {
   table.rows[j].cells[m].bgColor = oldClr[m]
  }
  
   table.rows[j].cells[i].bgColor = table.rows[j].cells[i].bgColor==oldClr[i]?"#ff0000":oldClr[i]
 }
}
window.onload = function()
{
 var table = document.getElementById("_t")
 for(j = 0;j<table.rows[0].cells.length;j++)
 {
 oldClr[j] = table.rows[0].cells[j].bgColor
 }
}
</script>
</body>
</html>

这段代码实现了鼠标点击后改变一列的颜色 ,可是我想点击后改变一行颜色,请大家帮忙看看,应该怎么改,谢谢

[ 本帖最后由 wys811116 于 2009-10-21 18:25 编辑 ]
搜索更多相关主题的帖子: 代码 颜色 
2009-10-21 18:13
快速回复:请大家帮忙修改这段代码,实现点击后改变一行的颜色
数据加载中...
 
   



关于我们 | 广告合作 | 编程中国 | 清除Cookies | TOP | 手机版

编程中国 版权所有,并保留所有权利。
Powered by Discuz, Processed in 0.060084 second(s), 8 queries.
Copyright©2004-2024, BCCN.NET, All Rights Reserved