JS+CSS实现表格高亮办法【javascript】

web前端|js教程

JS,CSS,表格高亮

web前端-js教程

本文实例讲述了JS+CSS实现表格高亮的方法。分享给大家供大家参考。具体如下：

外卖源码出售,vscode获取远程进程id,ubuntu读写ntfs,tomcat内存设置位置,爬虫就是小偷,php 自定义设置,龙岗深企在线seo优化,分类查询网站源码,购物车 网页模板lzw

这里使用JavaScript+CSS实现表格高亮的功能，实际上类似于隔行换色的效果，说法不同而已，只不过本效果是在鼠标移上时触发，移出结束。

数据库筛查系统源码,ubuntu系统主菜单,爬虫风险高吗,php登录库,银川seo渠道lzw

运行效果下图例：

开源商城app源码,ubuntu分区空间在哪,tomcat 二次编译,qq匿名爬虫,php框架运行,上海口碑好的seo优化价格多少lzw

具体代码如下：

p, td, th { font: 0.8em Arial, Helvetica, sans-serif;}.datatable { border: 1px solid #D6DDE6; border-collapse: collapse; width: 80%;}.datatable td { border: 1px solid #D6DDE6; padding: 4px;}.datatable th { border: 1px solid #828282; background-color: #BCBCBC; font-weight: bold; text-align: left; padding-left: 4px;}.datatable caption { font: bold 0.9em Arial, Helvetica, sans-serif; color: #33517A; text-align: left; padding-top: 3px; padding-bottom: 8px;}.datatable tr:hover, .datatable tr.hilite { background-color: #DFE7F2; color: #000000;}

var rows = document.getElementsByTagName( r);for (var i = 0; i < rows.length; i++) { rows[i].onmouseover = function() { this.className += hilite; } rows[i].onmouseout = function() { this.className = this.className.replace(hilite, \); }}