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