jquery - jQuery PNG 透明 MouseHover

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();  
});