...
用到的鼠标事件: 鼠标经过 onmouseover 鼠标离开 onmouseout 核心思路:鼠标经过 tr 行的时候,当前行会改变背景颜色,鼠标离开的时候去掉背景颜色。 注意:第一行 thead 里面的行 不需要变换颜色,改变的是 tbody 里面的行。 获取元素,获取的是 tbody里面的行。 循环注册绑定事件,将 tbody 里面全部的行都得到,然后全部都注册鼠标经过和离开事件。 所有行绑定 ...
2019-11-26 19:30 1 503 推荐指数:
...
<!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <title>js控制隔行变色</title> </head> < ...
...
效果图 实现代码: 通过css控制样式,利用jquery的addClass方法实现 ...
...
...
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title ...
背景 项目中需要基于ant vue 组件库 实现table 表格的隔行变色,具体如图。 具体实现 1.主要是通过/deep/实现,/deep/主要的运用的场景是在调用别人的组件时,想要修改部分的样式,但又不想影响组件在其他地方的使用。/deep/也可以替换成>>> ...