本文实例讲述了JavaScript实现自动弹出窗口并自动关闭窗口的方法。分享给大家供大家参考。具体如下:
这里介绍的JavaScript自动弹出窗口并自动关闭窗口,JS实现此特效似乎很简单,打开网页后即显示一个弹出窗口,之后会自动离开,使用了window.open和document.open();以及document.close();对象共同来实现,现在似乎用的不多了。
运行效果如下图所示:
具体代码如下:
<HTML> <HEAD> <TITLE>自动离开的窗口</TITLE> <SCRIPT> <!-- var flyingwin var popupwidth=200 var popupheight=150 var marginright var windowcenter var i_top=200 var i_left=-popupwidth-50 var step=40 var timer var waitingtime=5000 var pause=20 function showWindow() { flyingwin = window.open("", "flyingwin", "toolbar=no,width="+popupwidth+",height="+popupheight+",top=100,left="+(-popupwidth)+""); flyingwin.document.open(); flyingwin.document.write("<html><title>自动离开的窗口</title><body><p align=center>请不要关闭,马上就离开:(</body></html>"); flyingwin.document.close(); if (document.all) { marginright = screen.width+50 } if (document.layers) { marginright = screen.width+50 } windowcenter=Math.floor(marginright/2)-Math.floor(popupwidth/2) movewindow() } function movewindow() { if (i_left<=windowcenter) { flyingwin.moveTo(i_left,i_top) i_left+=step timer= setTimeout("movewindow()",pause) } else { clearTimeout(timer) timer= setTimeout("movewindow2()",waitingtime) } } function movewindow2() { if (i_left<=marginright) { flyingwin.moveTo(i_left,i_top) i_left+=step timer= setTimeout("movewindow2()",pause) } else { clearTimeout(timer) flyingwin.close() } } // --> </SCRIPT> </HEAD> <BODY onload=showWindow()> </BODY> </HTML>
希望本文所述对大家的javascript程序设计有所帮助。
免责声明:本站文章均来自网站采集或用户投稿,网站不提供任何软件下载或自行开发的软件!
如有用户或公司发现本站内容信息存在侵权行为,请邮件告知! 858582#qq.com
狼山资源网 Copyright www.pvsay.com
暂无“JavaScript实现自动弹出窗口并自动关闭窗口的方法”评论...
P70系列延期,华为新旗舰将在下月发布
3月20日消息,近期博主@数码闲聊站 透露,原定三月份发布的华为新旗舰P70系列延期发布,预计4月份上市。
而博主@定焦数码 爆料,华为的P70系列在定位上已经超过了Mate60,成为了重要的旗舰系列之一。它肩负着重返影像领域顶尖的使命。那么这次P70会带来哪些令人惊艳的创新呢?
根据目前爆料的消息来看,华为P70系列将推出三个版本,其中P70和P70 Pro采用了三角形的摄像头模组设计,而P70 Art则采用了与上一代P60 Art相似的不规则形状设计。这样的外观是否好看见仁见智,但辨识度绝对拉满。