首页  »  网页制作  »  Javascript  »  自动关闭的弹出窗口

Update time:2006-5-7 20:46:54  By:佚名    Form:cuiz.net  Views:  Type:Javascript
字体控制:大  中  小     
视觉颜色:杏仁黄 秋叶褐 胭脂红 芥末绿 天蓝 雪青 灰 银河白(默认色)
  一般的弹出窗口都需要你去关闭它,浏览者一定会觉得很麻烦。如果能让它自己关闭那该多好。要实现这种效果其实很简单,






1、首先,把下面的程序加入到< head >< /head >区域中。


< script language="JavaScript" >
< !--
var gt = unescape('3e');
var popup = null;
var over = "Launch Pop-up Navigator";
popup = window.open('', 'popupnav', 'width=250,height=220,resizable=1,scrollbars=no');
if (popup != null) {
if (popup.opener == null) {
popup.opener = self;
}
popup.location.href = 'cz.htm';
}
// -- >
< /script >

2、新建cz.htm文件(即:弹出窗口所用的文件),此文件名要与上文“popup.location.href = 'cz.htm'”中设置的文件名一致。

3、编辑新建的文件cz.htm(注意cz.htm要与主页面文件在同一目录下)。先把< body bgcolor="#FFFFFF" text="#000000" >改为< body bgcolor="#fef4d9" onload="closecz()" >,然后在< body >< /body >之间加入:


< script language="JavaScript" >
function closecz() {
setTimeout("self.close()",10000)
}
< /script >

  注:倒数第三行中的10000是指过多长时间关闭(可根据需要修改),10000为10秒。这样,弹出窗口在10秒后会自动关闭,浏览者不需要理它。
最近更新
热门文章