<script language=JavaScript> function mouseOutPic()    //当鼠标移出时，隐藏原图 { if(window.event.toElement.id!="img000") bigPic.style.visibility = "hidden"; //如果鼠标不在img000上的话，将这个区域隐藏 } function mouseOverPic(imgSrc)    //当鼠标移上小图时，显示原图 { var seeBig = document.getElementById("bigPic");    //得到将要显示原图区域的div element var newImg = document.createElement("img");    //新建一个img element，将原图的src赋给这个element newImg = "<img src=\'" + imgSrc + "\'/>";    //注意这里，是为整个element赋值，我在这个小问题上还花了挺多时间 //alert(imgSrc); seeBig.innerHTML = newImg;    //将原图赋给要显示的区域 } </script>

<!--下面这个ID是img000的element是略缩图，鼠标悬停在它上面即出现原图--> <!--onmouseover方法中调用了mouseOverPic函数（见上面），传给它的参数是原图的URL--> <!--调用mouseOverPic之后，将原图显示区域设为可见--> <img id="img000" src="images/general/emailAt.jpg" onmouseover="mouseOverPic('images/general/usc_badge.jpg'); bigPic.style.visibility='visible'" onmouseout="mouseOutPic()"> <!--页面初始化的时候，原图显示区域是隐藏的--> <div id="bigPic" style="visibility:hidden;"> </div>