zoukankan      html  css  js  c++  java
  • Table隔行变色的JavaScript代码

    代码:

    <table id="datatable"> 
    <tr> 
    <td>脚本之家</td> 
    </tr> 
    <tr> 
    <td>www.jb51.net</td> 
    </tr> 
    <tr> 
    <td>脚本之家</td> 
    </tr> 
    <tr> 
    <td>www.jb51.net</td> 
    </tr> 
    <tr> 
    <td>脚本之家</td> 
    </tr> 
    <tr> 
    <td>www.jb51.net</td> 
    </tr> 
    <tr> 
    <td>脚本之家</td> 
    </tr> 
    <tr> 
    <td>www.jb51.net</td> 
    </tr> 
    </table> 
    <script> 
    function showtable(){ 
    var color1 = "rgb(234,240,255)"; 
    var color2 = "rgb(255,255,255)"; 
    var bgColor = "rgb(255,255,193)"; 
    var trs = document.getElementById("datatable").getElementsByTagName("tr"); 
    for (var i=0;i<trs.length-1;i++){ 
    if (i%2==0) { 
    trs[i].style.backgroundColor=color1; 
    trs[i].onmouseover = function(){ 
    this.style.backgroundColor = bgColor; 
    } 
    trs[i].onmouseout = function(){ 
    this.style.backgroundColor = color1; 
    } 
    } else { 
    trs[i].style.backgroundColor=color2; 
    trs[i].onmouseover = function(){ 
    this.style.backgroundColor = bgColor; 
    } 
    trs[i].onmouseout = function(){ 
    this.style.backgroundColor = color2; 
    } 
    } 
    } 
    } 
    showtable() 
    </script>

    效果:

    原文:http://www.jb51.net/article/26046.htm

  • 相关阅读:
    stm32ADC+DMA串口发送实验
    凑算式
    全排列
    字符串相同
    判断值相同
    插入加号求最小值
    动态规划递归—最小子段和
    动态规划-最小子段和
    进程的描述和进程的创建
    系统调用下
  • 原文地址:https://www.cnblogs.com/yony/p/2567076.html
Copyright © 2011-2022 走看看