zoukankan      html  css  js  c++  java
  • JS实现表格隔行换色,鼠标经过换色,单击换色,再单击还原等功能

    已经封装成函数了,非常方便。怀着一颗不怕被吐槽的心,我又来分享了。。。。欢迎各位大神来吐槽。。。。

    //showTable("表格名称","奇数行背景","偶数行背景","鼠标经过背景","点击后背景");
    function showTable(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";
    				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;
    		}
    	}
    }
    

      

  • 相关阅读:
    生成缩略图
    Log4net 记录日志
    cs端调用webApi
    抽象工厂
    简单工厂
    DataSet读取XML
    EntityFramework+WCF
    构造函数基础
    延迟加载
    位运算
  • 原文地址:https://www.cnblogs.com/xintu275/p/3162109.html
Copyright © 2011-2022 走看看