为此图像替换jQuery片段添加淡入淡出效果

Question

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

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

当有人在.circle img上空盘旋而不是只是切换时，有没有办法让“主要”图像相互淡化？

Answer 1

使用fadeIn()或fadeOut()效果可以完成

Answer 2

尝试使用mouseenter()和mouseleave()代替hover() 即

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

}).mouseleave(function(){

//fadeIn
});