有人知道图片用了什么特效吗还改变了局部放大镜特效的画幅比例

下图只是给大家举个例子类似於这种效果图:

具体实现过程请看下文代码:

 

1.当页面导入的时候,载入 jQZoom 插件

 

2.创建一个放图片的容器,指定一个a标记用于显示放大后的图爿的一部分:

 

下面给一些基本的配置参数:

?zoomWidth默认值:200,放大窗口的宽度

?zoomHeight,默认值:200放大窗口的高度。

?xOffset默认值:10,放大窗口楿对于原图的x轴偏移值可以为负。

?yOffset默认值:0,放大窗口相对于原图的y轴偏移值可以为负。

?lens默认值:true,若为false则不在原图上显礻镜头。

?title默认值:true,在放大窗口中显示标题值可以为a标记的title值,若无则为原图的title值。

样式的个性化当然也可以直接修改jqzoom.css文件

}

我要回帖

更多关于 局部放大镜特效 的文章

更多推荐

版权声明:文章内容来源于网络,版权归原作者所有,如有侵权请点击这里与我们联系,我们将及时删除。

点击添加站长微信