请教，怎么把鼠标放在图像上就出现在一新的层显示放大了的图像？

Question

请教，怎么把鼠标放在图像上就出现在一新的层显示另一个大的图像（就是有两个图像，一个小的，一个大的，鼠标放在小的上就显示一个新的ＤＩＶ显示大的图像）？是不是用JavaScript做的？还是ＡＪＡＸ？

Answer 1

两种方法，一种是楼主说得层的切换，一种是使用一个层在onmouseover和onmouseout的时候给层换图片我写一下第二种的
<script language="javascript">
function Showpic2(){
 document.getElementById("div1").style.height="182px";
 document.getElementById("pic1").src="kaiban.jpg";
}
function Hidepic2(){
 document.getElementById("div1").style.height="32px";
 document.getElementById("pic1").src="ldiv_tbg.gif";
}</script>
<div id="div1" onmouseover="Showpic2()" onmouseout="Hidepic2()" style="position:absolute;left:100px;top:100px;width:195px;height:32px;" >
<img id="pic1" src="ldiv_tbg.gif"> 
</div>
img也可以换成backgrond-image，看楼主的需要了

Answer 2

<script type="text/javascript">
function yiru(t){    
    var ei = document.getElementById("big_image");
    ei.style.display = "block";
    ei.innerHTML = '<img src="' + t.src + '" width="280" height="280" />';
    ei.style.top = document.body.scrollTop + window.event.clientY + 10 + "px";
    ei.style.left = window.event.clientX + 10 + "px";
}function yichu(){
    var ei = document.getElementById("big_image");
    ei.innerHTML = "";
    ei.style.display = "none";
}
</script><div id="big_image" style="position:absolute;display:none;left:365px;width:125px;top:83px;height:59px;"></div>
<div><img border="0" src="pic.jgp" onmousemove="yiru(this);" onmouseout="yichu(this);" style="position:absolute; width:148px; height:134px; left:172px; ptop:202px;" /></div>