javascript 使用 jQuery 的简单悬停缩放缩略图

声明:本页面是StackOverFlow热门问题的中英对照翻译,遵循CC BY-SA 4.0协议,如果您需要使用它,必须同样遵循CC BY-SA许可,注明原文地址和作者信息,同时你必须将它归于原作者(不是我):StackOverFlow 原文地址: http://stackoverflow.com/questions/6288171/
Warning: these are provided under cc-by-sa 4.0 license. You are free to use/share it, But you must attribute it to the original authors (not me): StackOverFlow

提示:将鼠标放在中文语句上可以显示对应的英文。显示中英文
时间:2020-10-25 20:10:51  来源:igfitidea点击:

Simple hover zoom thumbnail with jQuery

javascriptjquery

提问by gio

I'm listing a bunch of items, each with a small thumb and some description alongside.

我列出了一堆项目,每个项目都有一个小拇指和一些描述。

On mouseover of the thumb, I'd like a slightly larger one to display in front, close on mouseoff. The difference in size won't be much so it will probably just be the same file (thumb will be scaled down)

在拇指的鼠标悬停时,我想要一个稍大的显示在前面,在鼠标关闭时关闭。大小的差异不会太大,所以它可能只是同一个文件(拇指会缩小)

IS there any simple jquery plugin out there for this?

是否有任何简单的 jquery 插件?

回答by naveen

Yes. there is.

是的。有。

Mike Alsup has written a wonderful plugin called hoverpulsefor this exact requirement.

Mike Alsup为这个确切的需求编写了一个很棒的插件,叫做hoverpulse

Demo here: http://www.malsup.com/jquery/hoverpulse/

演示在这里:http: //www.malsup.com/jquery/hoverpulse/