如何在图像上显示鼠标上的图像内容？

Question

我希望在此网站click here

上实现相同的功能

$(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

将 title =“图像内容”添加到您的img标记中。喜欢：

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

在img标签中也使用 alt 属性，它会对seo产生良好的影响。