JavaScript图片放大镜效果代码[代码比较简单] 更新日期：2024/10/12 饿虎岗资源网

JavaScript图片放大镜效果代码[代码比较简单]

编辑：jimmy

日期: 2024/10/12 浏览：1 次

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <style type="text/css"> #div1 { width:304px; height:222px; position:relative; margin:30px auto 0px;} #div1 img{width:304px; height:222px;} #div1 span { width:100px; height:100px; background:red; left:0px;top:0px; position:absolute; display:none; filter:alpha(opacity:20); opacity:0.2;} .show { width:100%; height:100%; background:red; position:absolute; z-index:10px; filter:alpha(opacity:10); opacity:0.1; left:0px; top:0px; } #div2 {width:304px; height:222px; position:relative; display:none; overflow:hidden; margin:0px auto 0px;} #img1 { position:absolute;} </style> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>JavaScript 图片放大代码</title>  </head> <body>  <a href="javascript:;" onclick="showimg('/UploadFiles/2021-04-02/11_2_2.jpg');"><img src="/UploadFiles/2021-04-02/11_2_2.jpg" alt="JavaScript图片放大镜效果代码[代码比较简单]" onmousewheel="return bbimg(this)" onload="javascript:resizepic(this)" border="0"/></a>     <a href="javascript:;" onclick="showimg('//img.jbzj.com/demoimg/201102/11_2_2.jpg');"><img src="//img.jbzj.com/demoimg/201102/11_2_2.jpg" alt="JavaScript图片放大镜效果代码[代码比较简单]" onmousewheel="return bbimg(this)" onload="javascript:resizepic(this)" border="0"/></a>  </body> </html>

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

一句话新闻
微软与英特尔等合作伙伴联合定义“AI PC”：键盘需配有Copilot物理按键

几个月来，英特尔、微软、AMD和其它厂商都在共同推动“AI PC”的想法，朝着更多的AI功能迈进。在近日，英特尔在台北举行的开发者活动中，也宣布了关于AI PC加速计划、新的PC开发者计划和独立硬件供应商计划。
在此次发布会上，英特尔还发布了全新的全新的酷睿Ultra Meteor Lake NUC开发套件，以及联合微软等合作伙伴联合定义“AI PC”的定义标准。

JavaScript图片放大镜效果代码[代码比较简单]

最新资源