首页 > 代码库 > 表格隔行变色以及鼠标移入高亮显示

表格隔行变色以及鼠标移入高亮显示

  • 功能描述:

     实现表格奇数行和偶数行背景颜色不一样,以及鼠标移入时,移入行高亮显示。

  • 实现效果:

    技术分享

  • 编码思路:

    遍历表格行,如行号为为奇数,设置背景颜色为灰色,行号为偶数,设置背景颜色为空。

    设置表格每行的鼠标移入和移出事件。

    鼠标移入时,保存当前背景颜色并设置背景颜色为绿色。

    鼠标移出时,还原保存的背景颜色。

  • 代码示例:

     技术分享

    技术分享

 

表格隔行变色以及鼠标移入高亮显示