鼠标悬停时链接变背景

来自「网页特效」· 代码 · 共 33 行

<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 border="1" width="54%">
  <tr onMouseover="changeto('#fff362')" onMouseout="changeback('white')">
    <td width="100%">　</td>
  </tr>
  <tr onMouseover="changeto('#ff5525')" onMouseout="changeback('white')">
    <td width="100%">　</td>
  </tr>
  <tr onMouseover="changeto('#ff2262')" onMouseout="changeback('white')">
    <td width="100%">　</td>
  </tr>
</table>