jquery - 向此图像替换 jQuery 片段添加淡入淡出效果

Question

我正在使用这个图像替换 jQuery 片段，这样当有人将鼠标悬停在缩略图上时，另一个“主”图像会发生变化；

$('.circle img').hover(function () {
$('#main-image').attr('src', $(this).attr('src'));
});

当有人悬停.circle img而不是仅仅切换时，有没有办法让“主要”图像彼此淡入？

Answer 1

Try Using the mouseenter() and mouseleave() instead of hover() i.e

$('.circle img').mouseenter(function(){
//fadeOut

}).mouseleave(function(){

//fadeIn
});

Answer 2

使用fadeIn()或fadeOut()效果可以做到