码上敲享录 > CSS简单实例分享 > 实现鼠标悬浮接触的当前行变色

实现鼠标悬浮接触的当前行变色

上一章章节目录下一章 2018-08-20已有593人阅读 评论(0)

实现鼠标悬浮接触的当前行变色


解决方法:

1.js代码

$("#table tr.dx").mouseover(function(){

$(this).addClass("over").siblings("tr").removeClass("over");

}).mouseout(function(){

$(this).removeClass("over").siblings("tr").removeClass("over");

  });

2.标签

<table  id="table">  

    <tbody>

    <tr ><td>企业名称</td><td>账号</td><td>大小</td></tr>

    <tr class="dx"><td>2</td><td>3</td><td>145037</td></tr>

    <tr class="dx"><td>2</td><td>3</td><td>145037</td></tr>

    </tbody>

</table>

3.css样式

.over{ cursor:pointer; background-color:#ebf7ff;}


本文链接:http://yayihouse.com/yayishuwu/chapter/1510


0

有建议,请留言!

  • *您的姓名:

  • *所在城市:

  • *您的联系电话:

    *您的QQ:

  • 咨询问题:

  • 提 交