背景图片 JS实现鼠标移动到缩略图显示大图的图片放大效果？

2021-03-12

2190

JS实现鼠标移动到缩略图显示大图的图片放大效果？它可以通过JS事件“OnMouseOver”和“onmouseout”实现。1. 创建一个新的HTML文档，在body标签中添加一个图像标签，设置标签的

JS实现鼠标移动到缩略图显示大图的图片放大效果？

它可以通过JS事件“OnMouseOver”和“onmouseout”实现。

1. 创建一个新的HTML文档，在body标签中添加一个图像标签，设置标签的“Id”属性，然后设置图像CSS属性的默认显示大小：

2。添加“OnMouseOver”JS事件，首先使用文档.getElementById“获取图片标签，然后定义鼠标在图片上移动时发生的事件。此时，图片将被放大

3。添加“onmouseout”JS事件。首先，获取picture标签，然后定义鼠标离开图片时发生的事件。在这种情况下，图片将缩小