以下是一种使用JavaScript实现鼠标经过图片局部放大显示的方法，教程如下：
一、HTML结构
首先，创建一个基本的HTML结构，包含一张图片和一个用于显示放大效果的元素（这里我们使用一个`div`）。
html
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF - 8">
<title>图片局部放大</title>
<style>
/* 原始图片样式 */
img {
width: 300px;
height: auto;
}
/* 放大显示区域的样式 */
#magnifier {
width: 150px;
height: 150px;
border: 1px solid #ccc;
position: relative;
overflow: hidden;
}
</style>
</head>
<body>
< img id="originalImage" src="your - image - url.jpg" alt="原始图片">
<div id="magnifier"></div>
<script src="script.js"></script>
</body>
</html>
二、JavaScript代码（script.js）
1. 获取元素
首先获取原始图片和放大显示的`div`元素。
然后获取原始图片的宽度和高度。
javascript
// 获取原始图片和放大镜元素
const originalImage = document.getElementById('originalImage');
const magnifier = document.getElementById('magnifier');
// 获取原始图片的宽度和高度
const originalWidth = originalImage.width;
const originalHeight = originalImage.height;
2. 添加鼠标事件监听器
给原始图片添加`mousemove`事件监听器，当鼠标在图片上移动时触发放大效果。
在事件处理函数中，计算鼠标相对于图片的位置，以及放大倍数。
javascript
// 鼠标移动事件监听器
originalImage.addEventListener('mousemove', function (e) {
// 计算鼠标在图片中的位置
let x = e.offsetX;
let y = e.offsetY;
// 计算放大倍数
let magnifyFactor = 2;
// 根据鼠标位置和放大倍数计算放大显示区域的位置和内容
let magnifiedX = - (x * magnifyFactor - magnifier.offsetWidth / 2);
let magnifiedY = - (y * magnifyFactor - magnifier.offsetHeight / 2);
// 设置放大显示区域的背景样式，显示放大后的图片部分
magnifier.style.backgroundImage = `url(${originalImage.src})`;
magnifier.style.backgroundPosition = `${magnifiedX}px ${magnifiedY}px`;
magnifier.style.backgroundSize = `${originalWidth * magnifyFactor}px ${originalHeight * magnifyFactor}px`;
});
3. 添加鼠标进入和离开事件监听器（可选）
如果希望在鼠标进入图片时显示放大区域，离开时隐藏，可以添加`mouseenter`和`mouseleave`事件监听器。
javascript
// 鼠标进入事件监听器
originalImage.addEventListener('mouseenter', function () {
magnifier.style.display = 'block';
});
// 鼠标离开事件监听器
originalImage.addEventListener('mouseleave', function () {
magnifier.style.display = 'none';
});
将以上js代码片段保存为“script.js”文件，我们通过“<script src="script.js"></script>”调用即可。当然我们也可以直接将代码放在“<script src=">这里是js代码</script>”中使用。
这样，当鼠标在图片上移动时，就会在指定的放大显示区域显示图片的局部放大效果。你还可以根据实际需求调整图片的大小、放大倍数、放大显示区域的样式等参数。