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