首先非常感谢网友Adam‘的无私分享,此js特效是一款非常实用的功能是他用自己写的js框架Aui-core写的,使用场景很广,很多网站都用到,网站的产品展示模块用得最多,显示一张小图片, 当鼠标移到图片上的时候就就按比例放大图片预览,使用非常简单。
可支持以下功能
1、图片放大
2、图片预加载
3、弹出层
HTML代码如下:
<div id="demo">
<div id="wraper">
<div id="small">
<span id="mask">
<div></div>
</span>
<samp id="bg"></samp>
</div>
<div id="big">
</div>
</div>
</div>
效果如下:
如果您觉得本作品对您的学习有所帮助:
关键字:
Magnifier Aui-core 图片放大 放大镜 js特效 网友Adam’ 图片预览 图片延迟加载 图片预加载