<!doctype html><html><head><meta charset="utf-8"><title>無標(biāo)題文檔</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>
通過onmousewheel實(shí)現(xiàn)圖片的放大與縮小問題,繼續(xù)滾動滾輪繼續(xù)放大
Echo_Chien
2016-08-10 11:06:39