鼠標懸停開關窗口

本實例使用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  打開指定的頁面