<HTML>
<HEAD><TITLE>鼠标点击表格行背景变色</TITLE>
<style>
.MouseOverClick {background-color: #D9EFFD}
.MouseOutWhite {background-color: #FFFFFF}
</style>
<script language="JavaScript"><!--
function document.onclick()
{
var e = document.getElementById("table1")
if(e.componentFromPoint(event.clientX,event.clientY)=="outside")
for (var i=0; i<e.rows.length; i++)
{
e.rows[i].className = "MouseOutWhite";
}
}
function mm()
{
var s = document.getElementById("table1");
for (var i=0; i<s.rows.length; i++)
{
s.rows[i].className = "MouseOutWhite";
}
var e = window.event.srcElement;
while(e=e.parentElement)
{
if (e.tagName == "TR") break;
}
e.className = "MouseOverClick";
}
document.getElementById("table1").onclick = mm;
//--></script>
</HEAD>
<BODY>
<table width=397 height="231" border=1 id=table1>
<tr><td width="173">a</td>
<td width="208">a</td>
</tr>
<tr><td>b</td><td>b</td></tr>
<tr><td>c</td><td>c</td></tr>
<tr><td>d</td><td>d</td></tr>
</table>
</BODY>
</HTML>
<HEAD><TITLE>鼠标点击表格行背景变色</TITLE>
<style>
.MouseOverClick {background-color: #D9EFFD}
.MouseOutWhite {background-color: #FFFFFF}
</style>
<script language="JavaScript"><!--
function document.onclick()
{
var e = document.getElementById("table1")
if(e.componentFromPoint(event.clientX,event.clientY)=="outside")
for (var i=0; i<e.rows.length; i++)
{
e.rows[i].className = "MouseOutWhite";
}
}
function mm()
{
var s = document.getElementById("table1");
for (var i=0; i<s.rows.length; i++)
{
s.rows[i].className = "MouseOutWhite";
}
var e = window.event.srcElement;
while(e=e.parentElement)
{
if (e.tagName == "TR") break;
}
e.className = "MouseOverClick";
}
document.getElementById("table1").onclick = mm;
//--></script>
</HEAD>
<BODY>
<table width=397 height="231" border=1 id=table1>
<tr><td width="173">a</td>
<td width="208">a</td>
</tr>
<tr><td>b</td><td>b</td></tr>
<tr><td>c</td><td>c</td></tr>
<tr><td>d</td><td>d</td></tr>
</table>
</BODY>
</HTML>
3463
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
