图片放大镜 jQuery插件

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

原创最新推荐文章于 2025-06-15 09:01:42 发布 · 975 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#放大镜 #遮罩层 #jQuery插件

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'/*放大图片位置*/
    });
});