滑鼠移至上方開關視窗

本執行個體使用JavaScript製作一個讓滑鼠移至上方來控制開關視窗的例子，當滑鼠移至上方在連結上時指定的視窗就會開啟，當滑鼠離開後視窗會自動關閉。具體實現代碼如下：

……

<script language="JavaScript">

function winopen()

{

<!--設定開啟的視窗-->

msg1=open("xxx.htm","Homepage","toolbar=no,location=no,directories=no,status=no,menubar=no,scrollbars=no,resizable=no,copyhistory=no,width=400,height=300,left=200,top=100");

}

</script>

<!--設定連結並調用winopen()函數-->

<a href onMouseOver="winopen();return true;"onMouseOut="msg1.close();"><p>開啟我的精彩網站</a></p>

……

本程式的痛點主要是當滑鼠移至上方在連結上時，視窗會自動開啟，當滑鼠離開之後，視窗會自動關閉。顯示的結果5-1和圖5-2所示。

         

圖5-1  滑鼠移至上方                               圖5-2  開啟指定的頁面