可以用js事件“onmouseover”和“onmouseout”来实现。
1、新建html文档,在body标签中添加图片标签,为这个标签设置“id”属性,然后设置图片的默认显示大小css属性:
2、添加“onmouseover”js事件,首先使用“document.getElementById”获取到图片标签,然后定义鼠标移动到图片上时发生的事件,这时图片将会放大:
3、添加“onmouseout”js事件,首先获取图片标签,然后定义鼠标移开图片时发生的事件,这时图片将会缩小:
时间:2019-09-12 08:08:13
可以用js事件“onmouseover”和“onmouseout”来实现。
1、新建html文档,在body标签中添加图片标签,为这个标签设置“id”属性,然后设置图片的默认显示大小css属性:
2、添加“onmouseover”js事件,首先使用“document.getElementById”获取到图片标签,然后定义鼠标移动到图片上时发生的事件,这时图片将会放大:
3、添加“onmouseout”js事件,首先获取图片标签,然后定义鼠标移开图片时发生的事件,这时图片将会缩小:
隐藏之后鼠标放不上去是怎么回事css – CSS – 前端 两个css样式冲突怎么解决
2019-08-22
html鼠标自动图片放大 css如何实现鼠标放在图片上时图片放大呢?
2020-01-25
html中鼠标放上去怎么可以变色 – CSS – 前端 css语言是
2022-04-25
CSS样式表按应用的范围分为 – CSS – 前端 css3鼠标悬停放大图片
2023-11-28