js实现鼠标移动高亮显示表格行

最新推荐文章于 2023-08-07 14:30:30 发布

我不做大哥好多年

最新推荐文章于 2023-08-07 14:30:30 发布

阅读量1k

点赞数 1

文章标签： javascript

本文链接：https://blog.csdn.net/weixin_44810919/article/details/104235970

版权

本文介绍如何使用JavaScript实现鼠标移到表格行时，行背景变为粉色，鼠标移出后恢复原色。主要涉及onmouseover和onmouseout两个事件处理。

摘要由CSDN通过智能技术生成

实现功能：鼠标移动到某一行后该行变色（粉色）显示，移出后恢复原来颜色。
用到的事件： 1.onmouseover事件属性在鼠标指针移动到元素上时触发 2. onmouseout事件鼠标指针移出指定的对象时触发

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>高亮显示表格的行</title>
	<style type="text/css">
		.biao{
   
			width: 500px;
			margin: 100px auto;
		}
		.biao h2{
   
			color: red;
			margin: 10pxS auto;
			font-size: 32px;
		}
		.biao .biao-tb{
   
			width: 500px;			
			border: 1px solid #369;
			text-align: center;
			font-size: 14px;
			font-family: 微软雅黑;
			border-collapse: collapse;
		}
		.biao .biao<