网页中如何使鼠标点击后滑轮缩校放大图片

来源：百度知道 编辑：UC知道 时间：2024/06/27 07:31:45
我想在我的网页内加入一张图片，因为比较大，类似桌面大小，有没有代码能够使得图片在浏览页面的时候小，用鼠标点击后则弹出图片窗口然后鼠标滑轮控制画面大小，图片扩大到原始比例后就不在大了。
例子：图片1024X768 通过代码缩放后，浏览该网页的时候图片大小400*250
鼠标左键点击，弹出小窗口，鼠标滑轮控制图片放大或缩小。最大1024*768

function bbimg(o){ var zoom=parseInt(o.style.zoom, 10)||100;zoom+=event.wheelDelta/12; if(zoom>0) o.style.zoom=zoom+'%'; return false;} https://gss0.baidu.com/7LsWdDW5_xN3otqbppnN2DJv/许友杰/pic/item/f5e9869417461857d1135e99.jpg
" border=0 onmousewheel="return bbimg(this)" onload="javascript:if(this.width>screen.width-600) this.style.width=screen.width-600;">