jQuery - 当鼠标悬停在图像上时，动态地将Div滑过图像

Question

我需要在鼠标悬停时动态显示图像上的div。我需要为很多图像做这个，所以它需要是动态的。我查看了www.foliostars.net的代码：

jQuery.fn.masque = function(classe) {

$(this).hover(function(){
$(this).find(classe).stop().animate({height:'40px',opacity: '0.9'},400);
},function () { 
$(this).find(classe).stop().animate({height:'0',opacity: '0'}, 400);
});
}   
$(document).ready(function(){$('.thumb h2').masque('.masque');}); 

有一种方法可以修改它使用div而不是标题？  可能有更好的方法吗？

谢谢！

Answer 1

不确定。给你的div一个班"slider"：

$(document).ready(function(){$('div.slider').masque('.masque');});