修正了网上其它版本的一些错误。完美无错版<html> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <title>JS网页图片查看器－可控制图片放大缩小还原移动效果</title> <META HTTP-EQUIV="imagetoolbar" CONTENT="no"> <style type="text/css"> body { font-family: "Verdana", "Arial", "Helvetica", "sans-serif"; font-size: 12px; line-height: 180%; } td { font-size: 12px; line-height: 150%; } </style> <style type="text/css"> </style> </head> <body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" oncontextmenu="return false" ondragstart="return false" onselectstart ="return false" onselect="document.selection.empty()" oncopy="document.selection.empty()" onbeforecopy="return false" onmouseup="document.selection.empty()" style="overflow-y:hidden;overflow-x:hidden;"> <a href="javascript:;" onclick="showimg('/UploadFiles/2021-04-02/up.gif');"><img src="/UploadFiles/2021-04-02/up.gif" alt="JS网页图片查看器(兼容IE、FF)可控制图片放大缩小移动" onmousewheel="return bbimg(this)" onload="javascript:resizepic(this)" border="0"/></a> <a href="javascript:;" onclick="showimg('http://img.jb51.net/images/map/left.gif');"><img src="http://img.jb51.net/images/map/left.gif" alt="JS网页图片查看器(兼容IE、FF)可控制图片放大缩小移动" onmousewheel="return bbimg(this)" onload="javascript:resizepic(this)" border="0"/></a> <a href="javascript:;" onclick="showimg('/UploadFiles/2021-04-02/zoom.gif');"><img src="/UploadFiles/2021-04-02/zoom.gif" alt="JS网页图片查看器(兼容IE、FF)可控制图片放大缩小移动" onmousewheel="return bbimg(this)" onload="javascript:resizepic(this)" border="0"/></a> <a href="javascript:;" onclick="showimg('http://img.jb51.net/images/map/right.gif');"><img src="http://img.jb51.net/images/map/right.gif" alt="JS网页图片查看器(兼容IE、FF)可控制图片放大缩小移动" onmousewheel="return bbimg(this)" onload="javascript:resizepic(this)" border="0"/></a> <a href="javascript:;" onclick="showimg('/UploadFiles/2021-04-02/down.gif');"><img src="/UploadFiles/2021-04-02/down.gif" alt="JS网页图片查看器(兼容IE、FF)可控制图片放大缩小移动" onmousewheel="return bbimg(this)" onload="javascript:resizepic(this)" border="0"/></a> <a href="javascript:;" onclick="showimg('http://img.jb51.net/images/map/zoom_in.gif');"><img src="http://img.jb51.net/images/map/zoom_in.gif" alt="JS网页图片查看器(兼容IE、FF)可控制图片放大缩小移动" onmousewheel="return bbimg(this)" onload="javascript:resizepic(this)" border="0"/></a> <a href="javascript:;" onclick="showimg('/UploadFiles/2021-04-02/zoom_out.gif');"><img src="/UploadFiles/2021-04-02/zoom_out.gif" alt="JS网页图片查看器(兼容IE、FF)可控制图片放大缩小移动" onmousewheel="return bbimg(this)" onload="javascript:resizepic(this)" border="0"/></a> <p> <a href="javascript:;" onclick="showimg('http://img.jb51.net/images/map/760-480bsx.jpg');"><img src="http://img.jb51.net/images/map/760-480bsx.jpg" alt="JS网页图片查看器(兼容IE、FF)可控制图片放大缩小移动" onmousewheel="return bbimg(this)" onload="javascript:resizepic(this)" border="0"/></a> <a href="javascript:;" onclick="showimg('http://img.jb51.net/images/map/760-480bsx.jpg');"><img src="http://img.jb51.net/images/map/760-480bsx.jpg" alt="JS网页图片查看器(兼容IE、FF)可控制图片放大缩小移动" onmousewheel="return bbimg(this)" onload="javascript:resizepic(this)" border="0"/></a> </body> </html> [Ctrl+A 全选 注:引入外部Js需再刷新一下页面才能执行]