`
roses
  • 浏览: 43695 次
  • 性别: Icon_minigender_2
  • 来自: 深圳
社区版块
存档分类
最新评论

鼠标移动表格行上行变色的JS脚本

脚本 
阅读更多
<body>

<script>
function overIt()
{
var the_obj = event.srcElement;
if(the_obj.tagName.toLowerCase() == "td")
{
the_obj=the_obj.parentElement;
the_obj.oBgc=the_obj.currentStyle.backgroundColor;
the_obj.oFc=the_obj.currentStyle.color;
the_obj.style.backgroundColor='#444444';
}
}

function outIt()
{
var the_obj = event.srcElement;
if(the_obj.tagName.toLowerCase() == "td")
{
the_obj=the_obj.parentElement;
the_obj.style.backgroundColor=the_obj.oBgc;
the_obj.style.color=the_obj.oFc;
the_obj.style.textDecoration='';
}
}
</script>

<table width="200" border="1"  onmouseover="overIt()" onmouseout="outIt()">
  <tr>
    <td >123</td>
<td >123</td>
<td >123</td>
  </tr>
  <tr>
    <td >123</td>
<td >123</td>
<td >123</td>
  </tr>
  <tr>
  <td >123</td>
<td >123</td>
<td >123</td>
  </tr>
</table>

</body>
分享到：
| 把数据导入到.CSV文件,用的是opencsv-1.8. ...
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

Magicbox
Global site tag (gtag.js) - Google Analytics