您好,欢迎来到频探科技网。
搜索
您的当前位置:首页js实现鼠标滚轮控制图片缩放效果的方法_javascript技巧

js实现鼠标滚轮控制图片缩放效果的方法_javascript技巧

来源:频探科技网
 本文实例讲述了js实现鼠标滚轮控制图片缩放效果的方法。分享给大家供大家参考。具体实现方法如下:

代码如下:




用鼠标滚轮滚动控制图片的缩小放大

function bbimg(o){
var zoom=parseInt(o.style.zoom, 10)||100;
zoom+=event.wheelDelta/12;
if (zoom>0) o.style.zoom=zoom+'%';
return false;
}



将鼠标放在图片上,点击一下,然后滚动鼠标滚轮试试看



 


 


 



希望本文所述对大家的javascript程序设计有所帮助。

Copyright © 2019- pt3t.com 版权所有

违法及侵权请联系:TEL:199 18 7713 E-MAIL:2724546146@qq.com

本站由北京市万商天勤律师事务所王兴未律师提供法律服务