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