jQuery PNG透明鼠标悬停

Question

我有以下问题。我有一个像这个例子的团队页面：http://www.social-markets.de/social-commerce-team.html小圈子团队图片，并希望通过jQuery添加一个PNG透明MouseHover 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();  
});