Web前端（三）JavaScript (4) 改进表格变色：鼠标进入表格变色

最新推荐文章于 2022-04-21 07:45:00 发布

原创

最新推荐文章于 2022-04-21 07:45:00 发布 · 614 阅读

5 ·

CC 4.0 BY-SA版权

文章标签：

#javaweb #JavaScript #css #前端

这篇博客介绍了如何使用JavaScript实现表格元素在鼠标悬停时改变颜色的效果，当鼠标离开时恢复原状。文章以2018年11月17日为日期，提供了相应的源代码。

Date：2018/11/17

效果如图所示，鼠标进入表格变色，光标离开恢复

在这里插入图片描述
源代码：

<!-- 1、鼠标进入/出 ：onmouseover / onmouseout -->
<!-- 2、两个事件绑定一个函数chColor() -->


<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>表格隔行换色</title>

	</head>
	<script>
		function chColor(id,info){
   
   
			if(info == "over"){
   
   
				document.getElementById(id)