纯JS代码实现隔行变色鼠标移入高亮

web前端|js教程

JS

web前端-js教程

在前端开发中经常见到隔行变色鼠标移入高亮显示的效果，下面小编给大家分享基于js代码实现的隔行变色鼠标移入高亮效果，废话不多说了，具体代码如下所示：

如何阅读android软件源码,vscode 中键,ubuntu usb手机,使用tomcat,sqlite 大文件,网站如何选择服务器,discuz如何下载插件,django前端页面框架,python 爬虫假死,php培训学什么,seo培训云南,破解网站后台账号密码,斗地主 网页,最新婚纱模板免费下载,仿微信卡券页面 源码,源码 项目及合同管理系统,android 程序源码lzw

#table {width: 400px;border-collapse: collapse;}

// 实现隔行变色，鼠标移入高亮var table = document.getElementById("table");var oldColor = "";//声明一个变量，保存表格原来的颜色for(var i = 0; i < table.tBodies[0].rows.length; i++) {//使用判断实现隔行变色if(i % 2 == 0) {table.tBodies[0].rows[i].style.backgroundColor = "gray";} else {table.tBodies[0].rows[i].style.backgroundColor = "#ccc";}//实现鼠标移入高亮table.tBodies[0].rows[i].onmouseover = function() {oldColor = this.style.backgroundColor;this.style.backgroundColor = "red";}//实现鼠标移出变回原来的颜色table.tBodies[0].rows[i].onmouseout = function() {this.style.backgroundColor = oldColor;}}

本地麻将源码,ubuntu 执行多条命令,tomcat安装完成后,肉小爬虫,php小程序后台开发,兰州优化seolzw