空间管理您的位置: PHPChina 开源社区门户 » Marshmallow的传说中的blog » 日志

鼠标移动--变色的表格

上一篇 / 下一篇 2007-03-15 04:36:45 / 个人分类：代码

<scrīpt language="Javascrīpt">
        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")
                                }
                        }
                }
</scrīpt>

<body >
<table width="96%" border="0">
<TR ōnMouseOver="borderize_on(event)" ōnMouseOut="borderize_off(event)" class="zuo22"

onclick="javascrīpt:clickfun('123')">
                                <TD>把鼠标移过来</TD>
                                <TD>把鼠标移过来</TD>
                        </TR>
<TR ōnMouseOver="borderize_on(event)" ōnMouseOut="borderize_off(event)" class="zuo22" ōnclick="javascrīpt:clickfun('123')">
                                <TD>把鼠标移过来</TD>
                                <TD>把鼠标移过来</TD>
                        </TR>
<TR ōnMouseOver="borderize_on(event)" ōnMouseOut="borderize_off(event)" class="zuo22" ōnclick="javascrīpt:clickfun('123')">
                                <TD>把鼠标移过来</TD>
                                <TD>把鼠标移过来</TD>
                        </TR>
<TR ōnMouseOver="borderize_on(event)" ōnMouseOut="borderize_off(event)" class="zuo22" ōnclick="javascrīpt:clickfun('123')">
                                <TD>把鼠标移过来</TD>
                                <TD>把鼠标移过来</TD>
                        </TR>
                </table>

</body>
</html>