图片放大镜 jQuery插件

最新推荐文章于 2025-06-15 09:01:42 发布

花花最美腻

最新推荐文章于 2025-06-15 09:01:42 发布

阅读量975

点赞数

CC 4.0 BY-SA版权

分类专栏： JQuery 文章标签：放大镜遮罩层 jQuery插件

本文链接：https://blog.youkuaiyun.com/qq_38912819/article/details/80556959

JQuery 专栏收录该内容

7 篇文章

订阅专栏

本文介绍了一个基于jQuery的图片缩放插件jqZoom的配置方法。通过设置参数如zoomType、lens、preloadImages等，可以实现鼠标悬停时图片的平滑放大效果，并详细说明了各参数的具体作用。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

插件网盘地址

/*传参使用jqzoom*/
$(function(){
	$('.jqzoom').jqzoom({
		zoomType: 'standard',/*遮罩层样式*/
		lens:true,/*鼠标滑入显示遮罩层*/
		preloadImages: false,/*预加载*/
		alwaysOn:false,/*初始是否显示遮罩层*/
		zoomWidth: 340,/*放大图片的宽高*/
		zoomHeight: 340,
		xOffset:10,/*放大图片距离原始图片距离*/
		yOffset:0,
		position:'right'/*放大图片位置*/
    });
});