当鼠标悬停在图像中时如何显示图像？

Question

我正在尝试找到一种使用jQuery和fancybox在鼠标悬停在其上时显示图片的方法。 我知道有.hover，但不知道如何使用它。

这就是我在点击时显示图片的方式。

$("a#single_image").fancybox({              
'transitionIn'      : 'none',   
'transitionOut'     : 'none', 
'titlePosition' : 'over' 
});

Answer 1

对于.hover（），您需要输入两个函数，一个用于鼠标悬停，另一个在鼠标离开时放置。

$("a#single_image").hover(function() {
  $('#myImage').show('slow');
}, function() {
  $('#myImage').hide('slow');
});