萧遥 发表于 2008-11-18 14:40:06

很酷的效果,表格被选中回变颜色

<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>
页: [1]
查看完整版本: 很酷的效果,表格被选中回变颜色