站长资源 网络编程

js放大镜放大图片效果

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

简介脚本之家 js图片放大镜 body { background: #222; overflow: hidden; left: 0; top: 0; width: 100%; height: 10

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html><head><title> js图片放大镜</title> <meta http-equiv="imagetoolbar" content="no"> <style type="text/css">     body {         background: #222;         overflow: hidden;         left: 0;         top: 0;         width: 100%;         height: 100%;         margin: 0;         padding: 0;     }     #screen span {         position:absolute;         overflow:hidden;         border:#FFF solid 1px;         background:#FFF;     }     #screen img{         position:absolute;         left:-32px;         top:-32px;         cursor: pointer;     }     #caption, #title{         color: #FFF;         font-family: georgia, 'times new roman', times, veronica, serif;         font-size: 1em;         text-align: center;     }     #caption b {         font-size: 2em;     } </style> </head><body>                         <a href="javascript:;" onclick="showimg('/UploadFiles/2021-04-02/20080504192147592.jpg');"><img src="/UploadFiles/2021-04-02/20080504192147592.jpg" alt="js放大镜放大图片效果" onmousewheel="return bbimg(this)" onload="javascript:resizepic(this)" border="0"/></a>         <a href="javascript:;" onclick="showimg('/upload/20080504192148526.jpg');"><img src="/upload/20080504192148526.jpg" alt="js放大镜放大图片效果" onmousewheel="return bbimg(this)" onload="javascript:resizepic(this)" border="0"/></a>         <a href="javascript:;" onclick="showimg('/UploadFiles/2021-04-02/20080504192151907.jpg');"><img src="/UploadFiles/2021-04-02/20080504192151907.jpg" alt="js放大镜放大图片效果" onmousewheel="return bbimg(this)" onload="javascript:resizepic(this)" border="0"/></a>         <a href="javascript:;" onclick="showimg('/upload/20080504192153429.jpg');"><img src="/upload/20080504192153429.jpg" alt="js放大镜放大图片效果" onmousewheel="return bbimg(this)" onload="javascript:resizepic(this)" border="0"/></a>         <a href="javascript:;" onclick="showimg('/UploadFiles/2021-04-02/20080504192154128.jpg');"><img src="/UploadFiles/2021-04-02/20080504192154128.jpg" alt="js放大镜放大图片效果" onmousewheel="return bbimg(this)" onload="javascript:resizepic(this)" border="0"/></a>         <a href="javascript:;" onclick="showimg('/upload/20080504192154190.jpg');"><img src="/upload/20080504192154190.jpg" alt="js放大镜放大图片效果" onmousewheel="return bbimg(this)" onload="javascript:resizepic(this)" border="0"/></a>         <a href="javascript:;" onclick="showimg('/UploadFiles/2021-04-02/20080504192154345.jpg');"><img src="/UploadFiles/2021-04-02/20080504192154345.jpg" alt="js放大镜放大图片效果" onmousewheel="return bbimg(this)" onload="javascript:resizepic(this)" border="0"/></a>         <a href="javascript:;" onclick="showimg('/upload/20080504192155839.jpg');"><img src="/upload/20080504192155839.jpg" alt="js放大镜放大图片效果" onmousewheel="return bbimg(this)" onload="javascript:resizepic(this)" border="0"/></a>         <a href="javascript:;" onclick="showimg('/UploadFiles/2021-04-02/20080504192156858.jpg');"><img src="/UploadFiles/2021-04-02/20080504192156858.jpg" alt="js放大镜放大图片效果" onmousewheel="return bbimg(this)" onload="javascript:resizepic(this)" border="0"/></a>         <a href="javascript:;" onclick="showimg('/upload/20080504192156118.jpg');"><img src="/upload/20080504192156118.jpg" alt="js放大镜放大图片效果" onmousewheel="return bbimg(this)" onload="javascript:resizepic(this)" border="0"/></a>         <a href="javascript:;" onclick="showimg('/UploadFiles/2021-04-02/20080504192157749.jpg');"><img src="/UploadFiles/2021-04-02/20080504192157749.jpg" alt="js放大镜放大图片效果" onmousewheel="return bbimg(this)" onload="javascript:resizepic(this)" border="0"/></a>         <a href="javascript:;" onclick="showimg('/upload/20080504192158181.jpg');"><img src="/upload/20080504192158181.jpg" alt="js放大镜放大图片效果" onmousewheel="return bbimg(this)" onload="javascript:resizepic(this)" border="0"/></a>         <a href="javascript:;" onclick="showimg('/UploadFiles/2021-04-02/20080504192158115.jpg');"><img src="/UploadFiles/2021-04-02/20080504192158115.jpg" alt="js放大镜放大图片效果" onmousewheel="return bbimg(this)" onload="javascript:resizepic(this)" border="0"/></a>         <a href="javascript:;" onclick="showimg('/upload/20080504192159820.jpg');"><img src="/upload/20080504192159820.jpg" alt="js放大镜放大图片效果" onmousewheel="return bbimg(this)" onload="javascript:resizepic(this)" border="0"/></a>         <a href="javascript:;" onclick="showimg('/UploadFiles/2021-04-02/20080504192201596.jpg');"><img src="/UploadFiles/2021-04-02/20080504192201596.jpg" alt="js放大镜放大图片效果" onmousewheel="return bbimg(this)" onload="javascript:resizepic(this)" border="0"/></a>         <a href="javascript:;" onclick="showimg('/upload/20080504192201700.jpg');"><img src="/upload/20080504192201700.jpg" alt="js放大镜放大图片效果" onmousewheel="return bbimg(this)" onload="javascript:resizepic(this)" border="0"/></a>          <b>carefully</b> weight the options   </body></html>

[Ctrl+A 全选注:引入外部Js需再刷新一下页面才能执行]

上一篇：用js写“算24”游戏的思路分析与实现代码

下一篇：来自chinaz的ajax获取评论代码

站长资源 网络编程

js放大镜放大图片效果

最新资源

一句话新闻

标签云