Scalar

态度决定一切,正能量走起!

导航

鼠标移到表格某行出现特殊颜色

css:

<style type="text/css">

  .datalist tr:hover, .datalist tr.altrow
  {
    background-color: #c4e4ff; /* 动态变色 */
  }

</stype>

javascript:

<script type="text/javascript">
  var rows = document.getElementsByTagName('tr');
  for (var i = 0; i < rows.length; i++) {
    rows[i].onmouseover = function() { //鼠标在行上面的时候
    this.className += 'altrow';
  }
  rows[i].onmouseout = function() { //鼠标离开时
  this.className = this.className.replace('altrow', '');
  }
}
</script>

posted on 2011-12-05 22:31  Scalar  阅读(331)  评论(0)    收藏  举报