为了账号安全,请及时绑定邮箱和手机立即绑定

通过onmousewheel实现图片的放大与缩小问题,继续滚动滚轮继续放大

通过onmousewheel实现图片的放大与缩小问题,继续滚动滚轮继续放大

Echo_Chien 2016-08-10 11:06:39
<!doctype html><html><head><meta charset="utf-8"><title>无标题文档</title><style>#pic{ width:135px; height:240px; margin:0 auto;}#pic img{width:135px; height:240px;}</style></head><body><div id="pic"><img src="123.JPG"><script>var pic=document.getElementById("pic")pic.onmousewheel=function(event){ //alert(event.wheelDelta) if(event.wheelDelta>0){ pic.style.transform="scale(2,2)"; } else if(event.wheelDelta<0){ pic.style.transform="scale(1,1)" } } </script></div></body></html>
查看完整描述

1 回答

  • 1 回答
  • 0 关注
  • 1735 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信