600字范文,内容丰富有趣,生活中的好帮手!
600字范文 > js实现鼠标滚轮缩放图片

js实现鼠标滚轮缩放图片

时间:2018-08-01 09:25:50

相关推荐

js实现鼠标滚轮缩放图片

不支持Firefox。

<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Document</title><script language="javascript">function bbimg(o) {var zoom = parseInt(o.style.zoom, 10) || 100;zoom += event.wheelDelta / 12;if (zoom > 0) o.style.zoom = zoom + '%';return false;}</script></head><body><p>将鼠标放在图片上,点击一下,然后滚动鼠标滚轮试试看</p><p><img border="0" src="../../static/img/test/award_1.png" onmousewheel="bbimg(this)"></p></body></body></html>

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。