zoukankan      html  css  js  c++  java
  • JS实现隔行变色及鼠标滑过变色

    //senfe("表格名称","奇数行背景","偶数行背景","鼠标经过背景","点击后背景","经过时字色","经过后字色",开始变色的行号);
    调用:senfe("table1", "#FFF", "#EEE", "#1B3243", "#074387", "#FFF", "#666", 2);
    function senfe(o, a, b, c, d, e, f, g) {
        var t = document.getElementById(o).getElementsByTagName("tr");
     
        for (var i = g - 1; 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;
                    this.style.color = e;
                }
            }
            t[i].onmouseout = function () {
                if (this.x != "1") {
                    this.style.backgroundColor = (this.sectionRowIndex % 2 == 0) ? a : b;
                    this.style.color = f;
                }
            }
        }
    }

  • 相关阅读:
    智能指针unique_ptr记录
    ubuntu系统火狐无法播放网页视频
    javascript中json对象json数组json字符串互转及取值
    C#压缩文件
    C#异步编程
    C# POST请求 json格式
    C# Http方式下载文件到本地类
    C#中NPOI操作excel之读取和写入excel数据
    浅析C#中抽象类和接口的区别
    C#自动实现Dll(OCX)控件注册的两种方法
  • 原文地址:https://www.cnblogs.com/zhang9418hn/p/2151005.html
Copyright © 2011-2022 走看看