• 表格隔行换色+鼠标点击变色 JS版,IE7,FF,OPERQ测试通过


    meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
    <meta http-equiv="Content-Language" content="zh-CN" />
    <meta content="all" name="robots" />
    <meta name="author" content="盛飞, SenFe" />
    <meta name="Copyright" content="" />
    <meta name="description" content="" />
    <meta content="" name="keywords" />
    <style type="text/css"><!--
    #senfe {
    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>
    <table 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>
    </body>
    </html>

  • 相关阅读:
    RSA算法
    本地CodeForces
    基于Giolite 多人开发
    DES算法
    MD5算法
    仓库库存管理系统(C+MySQL+ODBC)
    Spring源码解析(一)开篇
    JDK动态代理实现源码分析
    J.U.C Atomic(一)CAS原理
    JDK 注解详解
  • 原文地址:https://www.cnblogs.com/zerogo/p/2209101.html
Copyright © 2020-2023  润新知