鼠标移到超链接上显示图片.

如题. 当鼠标悬停在某个链接时显示对应的图片.如图:
版主别和谐. 谢谢.这种效果如何实现的? 请知道的朋友给答案谢谢..

解决方案 »

  1.   

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>无标题文档</title>
    </head><body>
    <a href="#">aaaaaaaa</a>
    <img src="" style="display:none; position:absolute; left:0px; top:40px;"  width="100" height="100" />
    <script>
    var a = document.getElementsByTagName('a'),
    imgs = document.getElementsByTagName('img');

    for(var i = 0; i < a.length; i++){
    !function(i){
    a[i].onmouseover = function(e){
    imgs[i].style.display = 'block';
    };

    a[i].onmouseout = function(){
    imgs[i].style.display = 'none'
    };
    }(i)
    }
    </script>
    </body>
    </html>
      

  2.   

    楼上正解，yellow图片也敢发出来？？