实例107.窗口从上到下效果.html

来自「JavaScript精彩网页特效实例精粹」· HTML 代码 · 共 47 行

HTML

47 行

<BODY bgcolor="#fef4d9" onLoad="showWindow()">
<SCRIPT LANGUAGE=javascript>
<!-- 
var popwindow
var popwindowwidth=200    
var popwindowheight=200   
var popwindowtop=-popwindowheight-50   
var popwindowURL="107.html"  

var popwindowleft=200      
var marginright
var pagecenter
var timer   

function showWindow() {
popwindow = window.open(popwindowURL, "popwindow", "toolbar=no,width="+popwindowwidth+",height="+popwindowheight+",top="+popwindowtop+",left="+(-popwindowwidth)+""); 
marginright = screen.height+50            
pagecenter=Math.floor(marginright/2)-Math.floor(popwindowwidth/2)     
movewindow()
}

function movewindow() {                            
if (popwindowtop<=pagecenter) {
popwindow.moveTo(popwindowleft,popwindowtop)       
popwindowtop+=40                                   
timer= setTimeout("movewindow()",20)               
}
else {
clearTimeout(timer)                                
timer= setTimeout("movewindow2()",4000)            
}
}

function movewindow2() {                           
if (popwindowtop<=marginright) {
popwindow.moveTo(popwindowleft,popwindowtop)       
popwindowtop+=40                                   
timer= setTimeout("movewindow2()",20)              
}
else {
clearTimeout(timer)                                
popwindow.close()                                  
}
}
// -->
</script>
</BODY>

实例107.窗口从上到下效果.html - 源码说明

本页面展示了「JavaScript精彩网页特效实例精粹」中的实例107.窗口从上到下效果.html 源码文件，采用 HTML 编程语言编写，共 47 行代码。您可以在线阅读完整代码内容，也可以返回资源详情页下载完整源码包进行本地学习和开发。

虫虫开发者社区收录了大量与JavaScript相关的技术资源，包括源代码、技术文档、电路图等，是电子工程师和嵌入式开发者的专业学习平台。

⌨️ 快捷键说明

复制代码Ctrl + C

搜索代码Ctrl + F

全屏模式F11

增大字号Ctrl + =

减小字号Ctrl + -

显示快捷键?