js 当鼠标移到单元格(tr、td)背景变色 多种解决方案


 
当鼠标移到单元格(tr、td)背景变色 多种解决方案
第一种:
td单元格变色,只用简单的js代码即可实现。
很简洁的代码,点击即可运行该代码

< table border="1px">
< tr>
< th id="id_item1" οnmοuseοver="this.bgColor='green'" οnmοuseοut="this.bgColor=''">Menu Item1
< /tr>
< tr>
< th>Menu Item2
< /tr>
< /table>
< /body>

第二种:
tr列变色。把鼠标移到一个表格上的时候表格一列的背景变色,可用于论坛列表、新闻发布系统、后台等等。提供两种解决方案。

解决思路:
我们知道,仅变换某个单元格的背景颜色的话用就行了,而要变换一列的背景颜色就必须要取得当前单元格在行中的索引值,然后遍历表格的所有行,改变行中相应单元格的背景颜色。
具体步骤:
    方法一:利用表格的相关集合遍历设置。
1.插入表格代码

< tr>
   
   
   
< /tr>
< tr>
   
   
   
< /tr>
< tr>
   
   
   
< /tr>
< /table>
2.加入控制背景色功能的JavaScript脚本。

你可能感兴趣的:(javascript,js,表格变色,鼠标,color)

demo demo demo demo demo demo demo demo demo