您现在的位置是:首页 > 学无止境 > Web网站首页Web 鼠标放在图片上滑动鼠标滑轮缩放图片放大缩小CSS特效

鼠标放在图片上滑动鼠标滑轮缩放图片放大缩小CSS特效

  • 莫愁
  • Web
  • 2019-02-28
简介鼠标放在图片上滑动鼠标滑轮缩放图片放大缩小CSS特效,当鼠标处于网页图片之上时滚动鼠标滚轮缩放图片DIV+CSS+JS特效
字数 303.5

鼠标放在图片上滑动鼠标滑轮缩放图片放大缩小CSS特效,当鼠标处于网页图片之上时滚动鼠标滚轮缩放图片DIV+CSS+JS特效。

一、最简单的简洁版图片缩放特效如下:

1、缩放JS代码:

2、HTML中图片:
使用说明:需要缩放放大缩小图片的地方加入“onmousewheel="return bbimg(this)"”即可。使用时候最好对图片img标签内设置宽度和高度。
此特效特点,只对鼠标所在上方对应图片进行缩放放大缩小。
 


转载: 感谢您对莫愁个人博客网站平台的认可,非常欢迎各位朋友分享到个人站长或者朋友圈,但转载请说明文章出处“来源莫愁个人博客 https://www.mochoublog.com/study/91.html”。

文章评论

    • 评论
    人参与,条评论

技术在线

服务时间

周一至周日 12:00-22:00

关闭下雪
关闭背景特效