<script language=JavaScript>
function mouseOutPic()    //當(dāng)鼠標(biāo)移出時，隱藏原圖
{
if(window.event.toElement.id!="img000") bigPic.style.visibility = "hidden";
//如果鼠標(biāo)不在img000上的話，將這個區(qū)域隱藏
}
function mouseOverPic(imgSrc)    //當(dāng)鼠標(biāo)移上小圖時，顯示原圖
{
var seeBig = document.getElementById("bigPic");    //得到將要顯示原圖區(qū)域的div element
var newImg = document.createElement("img");    //新建一個img element，將原圖的src賦給這個element
newImg = "<img src=\'" + imgSrc + "\'/>";    //注意這里，是為整個element賦值，我在這個小問題上還花了挺多時間
//alert(imgSrc);
seeBig.innerHTML = newImg;    //將原圖賦給要顯示的區(qū)域
}
</script>

<!--下面這個ID是img000的element是略縮圖，鼠標(biāo)懸停在它上面即出現(xiàn)原圖-->
<!--onmouseover方法中調(diào)用了mouseOverPic函數(shù)（見上面），傳給它的參數(shù)是原圖的URL-->
<!--調(diào)用mouseOverPic之后，將原圖顯示區(qū)域設(shè)為可見-->
<img id="img000" src="images/general/emailAt.jpg" onmouseover="mouseOverPic('images/general/usc_badge.jpg'); bigPic.style.visibility='visible'" onmouseout="mouseOutPic()">
<!--頁面初始化的時候，原圖顯示區(qū)域是隱藏的-->
<div id="bigPic" style="visibility:hidden;">
</div>