移动到一张A图片 在这个A图片附近出现一个DIV  
DIV里有一张B图片想要一个这样的效果 请大家帮忙就是www.taobao.com 左侧那个导航
淘宝电器城
咨询导购 那样效果万分感谢 在线等 

解决方案 »

  1.   


        <TABLE>
      <TR>
        <TD valign="top" height="250px">
            <img src="http://img10.360buyimg.com/S5/4633/67599a06-edbc-4a07-87a2-8a6db67eb7b3.jpg" border="0" style="cursor:hand" onmouseover="changePic(this)" onmouseout='document.getElementById("div1").style.display = "none"'><br>
            <img src="http://img10.360buyimg.com/S5/3474/8d7b3df9-c57c-424e-8805-004b2c2bb819.jpg" border="0" style="cursor:hand" onmouseover="changePic(this)" onmouseout='document.getElementById("div1").style.display = "none"'><br>
            <img src="http://img10.360buyimg.com/S5/2585/aef504c7-31af-41af-90ba-7c48e4e17682.jpg" border="0" style="cursor:hand" onmouseover="changePic(this)" onmouseout='document.getElementById("div1").style.display = "none"'><br>
            <img src="http://img10.360buyimg.com/S5/443/8fd17e13-a911-4b64-97f1-e49395a028ab.jpg" border="0"  style="cursor:hand" onmouseover="changePic(this)" onmouseout='document.getElementById("div1").style.display = "none"'><br>
            <img src="http://img10.360buyimg.com/S5/2918/61e6ef8f-22fc-4d1d-ae6c-d173cb0ff3d5.jpg" border="0" style="cursor:hand" onmouseover="changePic(this)" onmouseout='document.getElementById("div1").style.display = "none"'>
        </TD>
      </TR>
      </TABLE>
      <div id="div1" style="position:relative;left:50;top:-250;display:none" onmouseover="this.style.display='block'" onmouseout="this.style.display='none'">
    <img id="bigpic" src="http://img10.360buyimg.com/S1/4633/67599a06-edbc-4a07-87a2-8a6db67eb7b3.jpg" border="1">
      </div>
      <SCRIPT LANGUAGE="JavaScript">
      <!--
        function changePic(obj){
            document.getElementById("bigpic").src = obj.src.replace("S5","S1");
    document.getElementById("div1").style.display = "block";
        }
      //-->
      </SCRIPT>