郁闷——散分!

蝈蝈太阳 2007-08-16 03:42:49
<script language="javascript" type="text/javascript">
var selectedRowIndex = -1;
var isSelected = false;
var originalColor = '#FFFFFF';
var selectedColor = '#ff0000';
var mouseOverColor = '#ff00ff';
var mouseOverSelectedColor = '#aa00aa';
function mouseOver(o){
isSelected = (selectedRowIndex != undefined || selectedRowIndex != -1) && selectedRowIndex == o.rowIndex;
if(isSelected){
o.bgColor = mouseOverSelectedColor;
}
else{
o.bgColor = mouseOverColor;
}
}
function mouseOut(o){
isSelected = (selectedRowIndex != undefined || selectedRowIndex != -1) && selectedRowIndex == o.rowIndex;
if(isSelected){
o.bgColor = selectedColor;
}
else{
o.bgColor = originalColor;
}
}
function mouseClick(o){
if(o.tagName == "TR"){
for(i = 0; i < o.parentElement.rows.length; i++){
o.parentElement.childNodes[i].bgColor = originalColor;
}
selectedRowIndex = o.rowIndex;
o.bgColor = selectedColor;
}
}
</script>

<table border="1" width="100%">
<tr onclick="javascript:mouseClick(this);" onmouseover="javascript:mouseOver(this);" onmouseout="javascript:mouseOut(this);">
<td width="20%"> </td><td width="20%"> </td><td width="20%"> </td><td width="20%"> </td><td width="20%"> </td>
</tr>
<tr onclick="javascript:mouseClick(this);" onmouseover="javascript:mouseOver(this);" onmouseout="javascript:mouseOut(this);">
<td width="20%"> </td><td width="20%"> </td><td width="20%"> </td><td width="20%"> </td><td width="20%"> </td>
</tr>
<tr onclick="javascript:mouseClick(this);" onmouseover="javascript:mouseOver(this);" onmouseout="javascript:mouseOut(this);">
<td width="20%"> </td><td width="20%"> </td><td width="20%"> </td><td width="20%"> </td><td width="20%"> </td>
</tr>
</table>
...全文
136 12 打赏 收藏 转发到动态 举报
写回复
用AI写文章
12 条回复
切换为时间正序
请发表友善的回复…
发表回复
honey52570 2007-08-16
  • 打赏
  • 举报
回复
jf
lf_8210 2007-08-16
  • 打赏
  • 举报
回复
jf
xyq1986 2007-08-16
  • 打赏
  • 举报
回复
jf
kkun_3yue3 2007-08-16
  • 打赏
  • 举报
回复
onclick="javascript:mouseClick(this);" onmouseover="javascript:mouseOver(this);" onmouseout="javascript:mouseOut(this);"
_______________________________________________________-


如果某一个table中的tr都要加上以上代码的话,那么
document.getElementById("tableId").getElementsByTagName("tr");

或者,需要加以上代码的TR都标明同一个name,按上方法取集合遍历
kriss_zhang 2007-08-16
  • 打赏
  • 举报
回复
up
flashlove2008 2007-08-16
  • 打赏
  • 举报
回复
jf
shun1984a 2007-08-16
  • 打赏
  • 举报
回复
郁闷 接分
conannb 2007-08-16
  • 打赏
  • 举报
回复
jf
柳泉青云 2007-08-16
  • 打赏
  • 举报
回复
jf
chenzhifeng 2007-08-16
  • 打赏
  • 举报
回复
差不多了..接分
Gangzai1983 2007-08-16
  • 打赏
  • 举报
回复
jf
蝈蝈太阳 2007-08-16
  • 打赏
  • 举报
回复
谁愿意帮我优化一下,感觉有些繁琐。

62,046

社区成员

发帖
与我相关
我的任务
社区描述
.NET技术交流专区
javascript云原生 企业社区
社区管理员
  • ASP.NET
  • .Net开发者社区
  • R小R
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告

.NET 社区是一个围绕开源 .NET 的开放、热情、创新、包容的技术社区。社区致力于为广大 .NET 爱好者提供一个良好的知识共享、协同互助的 .NET 技术交流环境。我们尊重不同意见,支持健康理性的辩论和互动,反对歧视和攻击。

希望和大家一起共同营造一个活跃、友好的社区氛围。

试试用AI创作助手写篇文章吧