color

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"  "http://www.w3.org/TR/html4/loose.dtd">
    <HTML>
    <HEAD>
    <TITLE></TITLE>
    <style type="text/css">
    <!--
    A{ FONT-SIZE: 14px; COLOR: #CC6666; TEXT-DECORATION: none}
    #senfe {
    width: 300px;
    border-top: #000 1px solid;
    border-left: #000 1px solid;
    }
    #senfe td {
    border-right: #000 1px solid;
    border-bottom: #000 1px solid;
    }
    -->
    </style>
    <script language="javascript"><!--
    function senfe(o,a,b,c,d){
    var t=document.getElementById(o).getElementsByTagName("tr");
    for(var i=0;i<t.length;i++){
    t[i].style.backgroundColor=(t[i].sectionRowIndex%2==0)?a:b;
    t[i].onclick=function(){
    if(this.x!="1"){
    this.x="1";//本来打算直接用背景色判断,FF获取到的背景是RGB值,不好判断
    this.style.backgroundColor=d;
    }else{
    this.x="0";
    this.style.backgroundColor=(this.sectionRowIndex%2==0)?a:b;
    }
    }
    t[i].onmouseover=function(){
    if(this.x!="1")this.style.backgroundColor=c;
    }
    t[i].onmouseout=function(){
    if(this.x!="1")this.style.backgroundColor=(this.sectionRowIndex%2==0)?a:b;
    }
    }
    }
    -->
    </script>
    </HEAD>
    <body bgcolor="#ECF2F4">
    <TABLE width="100%" cellPadding="0" cellSpacing="0" border="0" >
    <TBODY>
    <TR><TD align="center">
    <a name="top">&nbsp;</a>
    <TABLE width="95%" cellPadding="0" cellSpacing="0" border="0" >
    <TR><TD height="40">&nbsp;</TD></TR>
    <TR><TD align="center"><h4><b>神奇的隔行变色</b></h4></TD></TR>
    <TR><TD height="2" bgcolor="#CC6666"></TD></TR>
    <TR><TD height="3" bgcolor="#ECF2F4"></TD></TR>
    <TR><TD height="1" bgcolor="#CC6666"></TD></TR>
    <TR><TD height="20" bgcolor="#ECF2F4"></TD></TR>
    </TABLE></TD></TR>
    <TR><TD>
    <table align="center" border="0" cellpadding="0" cellspacing="0" id="senfe">
    <tr><td> </td><td> </td><td> </td><td> </td></tr>
    <tr><td> </td><td> </td><td> </td><td> </td></tr>
    <tr><td> </td><td> </td><td> </td><td> </td></tr>
    <tr><td> </td><td> </td><td> </td><td> </td></tr>
    <tr><td> </td><td> </td><td> </td><td> </td></tr>
    <tr><td> </td><td> </td><td> </td><td> </td></tr>
    <tr><td> </td><td> </td><td> </td><td> </td></tr>
    <tr><td> </td><td> </td><td> </td><td> </td></tr>
    <tr><td> </td><td> </td><td> </td><td> </td></tr>
    <tr><td> </td><td> </td><td> </td><td> </td></tr>
    </table>
    <script language="javascript"><!--
    //senfe("表格名称","奇数行背景","偶数行背景","鼠标经过背景","点击后背景");
    senfe("senfe","#fff","#ccc","#cfc","#f00");
    --></script>
    </TD></TR>
    <TR><TD>
    <TABLE align="center" bgColor="#ECF2F4"  width="95%" border=0>
    <TR><TD height="20" bgcolor="#ECF2F4"></TD></TR>
    <TR><TD align="right" bgcolor="#ECF2F4">&nbsp;&nbsp;&nbsp;&nbsp;</TD></TR>
    <TR><TD height="10" bgcolor="#ECF2F4"></TD></TR>
    <TR><TD height="1" bgcolor="#CC6666"></TD></TR>
    <TR><TD height="2" bgcolor="#ECF2F4"></TD></TR>
    <TR><TD height="2" bgcolor="#CC6666"></TD></TR>
    </TABLE></TD></TR>
    </TBODY>
    </TABLE>       </body>
    </html>

你可能感兴趣的:(JavaScript,html,css)