鼠标移上去出现显示层，并且出现在同一个div中

< div  class = "a" >

     < img  src = "a.jpg"  />

     < div  class = "b"  >

         这里是图片的名字

     </ div >

</ div >

< style >

.a{width:100px; height:100px; position:relative;}

.b{width:100px; height:20px; background:url(/bg.png); position:absolute;left:0px; bottom:0px;display:none}

 

</ style >

< script  src = "jquery.js" ></ script >

< script >

$(document).ready(function(){

     $(".a").hover(function(){

     $(this).find(".b").slideDown();

     },function(){

     $(this).find(".b").slideUp();

     });

});

</ script >