Javascript常见的效果汇总（二）_Javascript教程(4)_H5之家

很酷的效果,表格被选中回变颜色
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<html>
<head>
</head>
<title>Mapabc地图无限</title>
<script language="JavaScript">
        var searchResult=new Array();//鼠标滑过时显示背景色
  function borderize(what,color,color2)
  {
   what.style.borderColor=color
   what.style.backgroundColor=color2
  }
  function borderize_on(e){
   if (document.all)
    source3=event.srcElement
   else if (document.getElementById)
    source3=e.target
   if (source3.className=="zuo22"){
    borderize(source3,"#999999","#F6F6F8")
   }
   else{
    while(source3.tagName!="TABLE"){
     source3=document.getElementById? source3.parentNode : source3.parentElement
     if (source3.className=="zuo22")
      borderize(source3,"#999999","#F6F6F8")
    }
   }
  }
  function borderize_off(e){
   if (document.all)
    source4=event.srcElement
   else if (document.getElementById)
    source4=e.target
   if (source4.className=="zuo22")
    borderize(source4,"white","white")
   else{
    while(source4.tagName!="TABLE"){
     source4=document.getElementById? source4.parentNode : source4.parentElement
     if (source4.className=="zuo22")
      borderize(source4,"white","white")
    }
   }
  }
</script>
<body >
  <table width="96%" border="0" onMouseOver="borderize_on(event)" onMouseOut="borderize_off(event)" class="zuo22" onclick="javascript:clickfun('123')">
   <TR>
    <TD>把鼠标移过来</TD>
    <TD>把鼠标移过来</TD>
   </TR>
<TR>
    <TD>把鼠标移过来</TD>
    <TD>把鼠标移过来</TD>
   </TR>
<TR>
    <TD>把鼠标移过来</TD>
    <TD>把鼠标移过来</TD>
   </TR>
<TR>
    <TD>把鼠标移过来</TD>
    <TD>把鼠标移过来</TD>
   </TR>
  </table>
</body>
</html>