.::: 一路问情 :::.'s Archiver

gzkay 发表于 2007-12-14 20:50

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

<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]

Powered by Discuz! Archiver 6.1.0  © 2001-2007 Comsenz Inc.