使用jQuery插件HoverTreeShow弹出遮罩层显示大图
效果体验：
/texiao/hovertreeshow/
在 开发HoverTreeTop项目的产品展示功能过程中，因为要把产品图片的大图显示给用户看，就使用jQuery制作了一个插 件：HoverTreeShow ，使用该插件可以很方便的弹出图片的大图，已经运用在项目中了，除了上面链接的示例外，HoverTreeTop项目的产品展示也是一个实例，请访问链 接：/top/htpro/5dbcb599663b3397.htm
HoverTreeTop是一个开源项目，用于企业网站建设，里面也包含HoverTreeShow插件的源码，有需要的朋友可以下载源码：/h/bjaf/hv6cqe5n.htm
弹出层后，可以点击右上角的 X 按钮关闭，也可以双击页面关闭层。
代码如下：
<!DOCTYPE html><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"/><meta name="viewport" content="width=device-width, initial-scale=1" /><title>使用HoverTreeShow插件弹出图片大图层_何问起</title><base target="_blank" /><meta charset="utf-8" /><link href="/texiao/hovertreeshow/hovertreeshow.css" rel="stylesheet" /><script src="/jquery/jquery-1.12.1.min.js"></script><style>#hovertreeshow{width:400px;height :400px;overflow:scroll;margin:5px auto;}#hovertreeshow img{max-height:100%;}#headhovertree{margin:5px auto;width:400px;}a{color:blue;}</style></head><body><div id="headhovertree"><h3>使用HoverTreeShow插件弹出图片大图层</h3>请点击下方图片，将弹出遮罩层显示图片原图。<a href="/h/bjag/o46xlsnm.htm">说明</a> <a href="">首页</a></div><div id="hovertreeshow" class="hovertreeshow"><img src='/hvtimg/bjafjd/hs6oi257.jpg' /><img src='/hvtimg/bjafjd/070joeh7.jpg' /><img src="/hvtimg/12/o9qashmi.gif" /></div><div style="height:600px;width:100%"></div><script src="/texiao/hovertreeshow/hovertreeshow.js"></script></body></html>
更多特效：/jihua/p/webfront.html
![[推荐]感恩老师的作文100字范文](https://100zi.50zi.cn/uploadfile/img/2024/08/08/e3ee35635834a198ecc9b2f5e2a59067.jpg)
