这个效果怎么实现 鼠标停在小图上 大图跟着变

大家帮帮忙，看看这个效果怎么实现
 http://www.shoes.com/product.asp?p=5058564&variant_id=EC1080725

解决方案 »

  1.   

    直接研究一下人家的原码，
    利用onmouseover, div.innerHtml
      

  2.   


    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
    <title></title>
    </head>
    <script>
    function change()
    {
    document.getElementsByTagName("img")[0].onmouseout=function (){
    document.getElementsByTagName("img")[0].src="http://www.shoes.com/productimages/shoes_ibec1080725.jpg";
    }
    document.getElementsByTagName("img")[0].onmouseover=function (){
    document.getElementsByTagName("img")[0].src="http://www.shoes.com/productimages/shoes_ieec1080725.jpg";
    }
    }
    </script>
    <body>
    <img src="http://www.shoes.com/productimages/shoes_ieec1080725.jpg" onmouseover="change()">
    <span>把鼠标移到图片里面,再把鼠标移出来..</span>
    </body>
    </html>