html鼠标经过图片放大代码 html中如何使鼠标放上去图片会自动放大呢?
浏览量:1759
时间:2021-03-13 04:26:38
作者:admin
html中如何使鼠标放上去图片会自动放大呢?
它可以通过JS事件“OnMouseOver”和“onmouseout”实现。
1. 创建一个新的HTML文档,在body标签中添加一个图像标签,设置标签的“Id”属性,然后设置图像CSS属性的默认显示大小:
2。添加“OnMouseOver”JS事件,首先使用文档.getElementById“获取图片标签,然后定义鼠标在图片上移动时发生的事件。此时,图片将被放大
3。添加“onmouseout”JS事件,首先得到图片标签,然后定义鼠标离开图片时发生的事件,那么图片就会缩小:~~可以使用JS事件“OnMouseOver”和“onmouseout”来实现。1创建一个新的HTML文档,在body标签中添加一个图像标签,设置标签的“Id”属性,然后设置图像CSS属性的默认显示大小:3。添加“onmouseout”JS事件,首先获取图片标签,然后定义鼠标离开图片时的事件,图片会缩小:
html鼠标经过图片放大代码 html鼠标放在图片上图片变大 ps图片背景颜色更换
版权声明:本文内容由互联网用户自发贡献,本站不承担相关法律责任.如有侵权/违法内容,本站将立刻删除。