zoukankan      html  css  js  c++  java
  • 表格隔行换色+鼠标点击变色(改成JS版,IE7,FF,OPERQ测试通过)

    表格隔行换色+鼠标点击变色(改成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 
    {
     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>
    <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>
    <href="http://js.alixixi.com/">欢迎访问阿里西西网页特效代码站,js.alixixi.com</a>
  • 相关阅读:
    Angular 从入坑到挖坑
    如何获取 C# 类中发生数据变化的属性信息
    我的领域驱动设计运用实例
    Newbe.Claptrap
    体验 QQ机器人C# SDK 1.X 特性总结
    Newbe.Claptrap 框架中为什么用 Claptrap 和 Minion 两个词?
    轻松应对并发问题 Newbe.Claptrap 框架入门,第一步 —— 创建项目,实现简易购物车
    谈反应式编程在服务端中的应用,数据库操作优化,提速 Upsert
    十万同时在线用户,需要多少内存?——Newbe.Claptrap 框架水平扩展实验
    docker-mcr 助您全速下载 dotnet 镜像
  • 原文地址:https://www.cnblogs.com/chengulv/p/1332157.html
Copyright © 2011-2022 走看看