鼠标悬停开关窗口

本实例使用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  打开指定的页面