如何实现图片相关信息效果

各位大侠，怎样实现当鼠标移到小头像的上面显示出头像的相关信息，并且还可以停留片刻。
效果如：当鼠标移到本帖子的小头像的那种效果。
请各位大侠帮帮忙。

解决方案 »

  1.   


    <html>
    <head>
    <title></title>
    </head>
    <body>
    <div  id="divtop" onmouseover="showMsg();" onmouseout="clearMsg();" style="position:absolute; border:1px solid #f00;">
    <img src="shizi.jpg" >
    <div style="position:absolute;"  id="divshow" style="display:none;background:#eee;border:1px solid #f0f;width:100px; height:100px;">
    </div>
    </div>
    </body>
    <script type="text/javascript">
    function showMsg()
    {
        var elem=document.getElementById("divshow");
        elem.style.top="20px";
        elem.style.left="20px";
        elem.style.display="block";
    }
    function clearMsg(){
        var elem=document.getElementById("divshow");
        elem.style.display="none";
    }</script>
    </html>
    自己做了个小例子 把图片换换  自己看看原理就行了~~
      

  2.   

    可以使用Ajax来实现这个效果，具体的代码再网上找找，应该挺多的