jQuery PNG透明MouseHover

Question

我有以下问题。我有这样一个团队页面：http://www.social-markets.de/social-commerce-team.html小圈子团队图片，并希望通过jQuery添加一个PNG透明鼠标悬停PNG图像与底部的小圆圈粉红色圆圈。有没有人有想法？

Answer 1

通过CSS隐藏附加信息（display:none）并在悬停时切换。某事像：

$('.elementWithExtra').hover(function(){ 
$(this).children('.extra').toggle(); 
}, function(){ 
$(this).children('.extra').toggle(); 
}); 

见：http://api.jquery.com/hover/和http://api.jquery.com/toggle/

Answer 2

$(".imgDiv").mouseover(function(){ 
    $(this).children(".hiddenImgDiv").show(); 
}).mouseout(function(){ 
    $(this).children(".hiddenImgDiv").hide(); 
});