表格背景颜色变换-WEBASP.NET

精彩推荐

分类热点特效

表格背景颜色变换

日期：2004-06-18 人气：【字体：大中小】【收藏此文】

<HTML>
<HEAD>
<META http-equiv='Content-Type' content='text/html; charset=gb2312'>
<TITLE>表格背景颜色变换</TITLE>

function changeback(originalcolor){
if (event.fromElement.contains(event.toElement)||source.contains(event.toElement)||source.id=="ignore")
return
if (event.toElement!=source)
source.style.backgroundColor=originalcolor
}
</script>

</HEAD>
<BODY >

<table width="30%" border="1" align="center" onMouseover="changeto('33ff33')" onMouseout="changeback('black')">
  <tr> 
    <td> 
      <div align="center">中国WEB开发者网络</div>
    </td>
  </tr>
  <tr> 
    <td> 
      <div align="center">中国WEB开发者网络</div>
    </td>
  </tr>
  <tr> 
    <td> 
      <div align="center">中国WEB开发者网络</div>
    </td>
  </tr>
  <tr> 
    <td> 
      <div align="center">中国WEB开发者网络</div>
    </td>
  </tr>
  <tr> 
    <td> 
      <div align="center">中国WEB开发者网络</div>
    </td>
  </tr>
</table>
</BODY></HTML>

<script language="JavaScript1.2">
function changeto(highlightcolor){
source=event.srcElement
if (source.tagName=="TR"||source.tagName=="TABLE")
return
while(source.tagName!="TD")
source=source.parentElement
if (source.style.backgroundColor!=highlightcolor&&source.id!="ignore")
source.style.backgroundColor=highlightcolor
}

function changeback(originalcolor){
if (event.fromElement.contains(event.toElement)||source.contains(event.toElement)||source.id=="ignore")
return
if (event.toElement!=source)
source.style.backgroundColor=originalcolor
}
</script>




<table width="30%" border="1" align="center" onMouseover="changeto('33ff33')" onMouseout="changeback('black')">
<tr>
<td>
<div align="center">中国WEB开发者网络</div>
</td>
</tr>
<tr>
<td>
<div align="center">中国WEB开发者网络</div>
</td>
</tr>
<tr>
<td>
<div align="center">中国WEB开发者网络</div>
</td>
</tr>
<tr>
<td>
<div align="center">中国WEB开发者网络</div>
</td>
</tr>
<tr>
<td>
<div align="center">中国WEB开发者网络</div>
</td>
</tr>
</table>