2016 - 2024

感恩一路有你

html鼠标悬停图片放大 HTMLhover怎么让鼠标移上去图片变大?

浏览量:3143 时间:2021-03-16 14:56:06 作者:admin

HTMLhover怎么让鼠标移上去图片变大?

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

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

2。添加“OnMouseOver”JS事件,首先使用文档.getElementById获取图片标签,然后定义鼠标在图片上移动时的事件。此时,图片将放大并添加“onmouseout”JS事件。首先,获取picture标签,然后定义鼠标离开图片时发生的事件。在这种情况下,图片将缩小

html鼠标悬停图片放大 html鼠标经过图片放大代码 html鼠标悬停图片放大或缩小

版权声明:本文内容由互联网用户自发贡献,本站不承担相关法律责任.如有侵权/违法内容,本站将立刻删除。