时间:2021-07-01 10:21:17 帮助过:57人阅读
上面这张图有3种状态,默认状态(灰白相间),鼠标悬浮状态(绿色),鼠标点击状态(黄色),是如何实现的呐?
Html代码如下:
编号 | 姓名 | 年龄 | 操作 |
1111 | 1111 | 1111 | |
2222 | 2222 | 2222 | |
3333 | 3333 | 3333 | |
4444 | 4444 | 4444 | |
5555 | 5555 | 5555 |
插件实现代码如下:
有些时候我们可能并不需要鼠标点击后的样式,因此设置了isClick这个作为控制开关。如果不想要点击样式,将其设置为false即可。
DEMO如下:
表格样式(银光棒)
编号 | 姓名 | 年龄 | 操作 |
1111 | 1111 | 1111 | |
2222 | 2222 | 2222 | |
3333 | 3333 | 3333 | |
4444 | 4444 | 4444 | |
5555 | 5555 | 5555 |
通过上文详细的代码,大家应该会利用jquery自定义表格样式了,小编的表格样式还不够完美,还需要进行改进,希望大家在完成这个样式的基础上,继续创新,做一个属于自己的表格。