站长资源 网络编程

JS网页图片查看器(兼容IE、FF)可控制图片放大缩小移动

整理:jimmy2026/8/6浏览2次

简介修正了网上其它版本的一些错误。完美无错版 JS网页图片查看器－可控制图片放大缩小还原移动效果 body { font-family: "Verdana", "Arial", "Helvetica", "sans-serif"; font-size: 12px; line-height: 180

修正了网上其它版本的一些错误。完美无错版
<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需再刷新一下页面才能执行]

上一篇：Javascript打印网页部分内容的脚本

下一篇：仿51JOB的地区选择效果(可选择多个地区)

站长资源 网络编程

JS网页图片查看器(兼容IE、FF)可控制图片放大缩小移动

最新资源

一句话新闻

标签云