jquery - 如何在鼠标悬停在图像上时显示图像内容？

Question

我想在这个网站上实现相同的 点击这里

$(function() {
  $('#div_2').hide();
  $('#div_1, #div_2').hover(function() {
      $('#div_2').stop().fadeIn(120); 
       $("div_2").animate({left:"100px"},"slow");
    $("div_2").animate({fontSize:"3em"},"slow"); 
  }, function(){
      $('#div_2').stop().fadeOut();

  });
}); 

HTML：

    <div id="div_1" style="background-position:top;position:relative">
        <img src="spotlights-infytalk (1).jpg" width="329" height="110" style="position:relative;vertical-align:top"/>
    </div>
    <div id="div_2" style=" overflow:auto;position:relative;padding-top:-10px;background-color:#CCCCCC">
image small few contents text
    </div>

Answer 1

give title="image content" to your img tag. like :

<img src="" title="image content" />

also use alt attribute in img tag, it will create good impact for seo.