jquery在悬停和单击时转换效果

我有一组缩略图，它们在悬停时交换图像，同时通过更改不透明度使用.animate（）进行淡入过渡。现在大部分都能正常工作，但当我快速地将鼠标悬停在一张图片上并转到另一张图片时，该图片会保留显示的是第二张图片，而不是我想要的第一张图片。我想我需要这样的时间：“如果我的悬停时间少于一定的时间，那么回到原始图像”。这可能会确保所有缩略图始终显示第一个图像，即使我快速滚动它们。我应该添加哪段代码来实现这一点

链接以查看问题：

这就是我想做的：

您需要设置一个延迟（设置并停止计时器），当您将鼠标悬停在上面时，计时器将开始准备启动动画，当您离开元素时，如果计时器从未触发代码，则停止/删除javascript设置超时（代码、毫秒、lang）。你必须愚弄毫秒才能得到一个好的设置。使用clearTimeout来清除它

这可能会有更多帮助。

.stop（）

：

.stop（）

允许我们在另一个动画排队等待某个元素时停止当前动画。有一些关于

.stop（）

的选项，您可以在API文档中阅读

$('#my-selector').stop().animate(...);