程序员让前端飞Web 前端开发

表单选中变色,隔行有色

2018-03-29  本文已影响34人  小7丁
image.png
 var otb = document.getElementById('mytable') 

  var oldColor = ''
  for(var i=0; i<otb.tBodies[0].rows.length;i++){

    otb.tBodies[0].rows[i].onmouseover = function(){
      oldColor = this.style.background
      this.style.background = 'yellow'
    }
    otb.tBodies[0].rows[i].onmouseout = function(){
      this.style.background = oldColor
    }


    if(i%2){
      otb.tBodies[0].rows[i].style.background='#ccc'
    }else{
      otb.tBodies[0].rows[i].style.background=''
    }
  }
上一篇 下一篇

猜你喜欢

热点阅读