JS实现从网页顶部掉下弹出层效果的方法

本文实例讲述了射流研究…实现从网页顶部掉下弹出层效果的方法。分享给大家供大家参考。具体如下：

这里介绍的Java脚本语言动画背景出层，实现从网页顶部掉下来的感觉，停止时还带有缓冲弹跳的意思，从上到下显示的动画弹出层，带关闭功能，没有怎么美化，喜欢的用时候息动手美化下，觉得不错。

运行效果如下图所示：

具体代码如下：

HTMLHEADTITLE窗口从上掉下来/TItle/流浆池bgColor=# FeF4d 9 CentER span class=' STYLe 1 '窗口从上掉下来/span/CENTBRCENTRABLE边框颜色=# 00 ffff边框=5边光='绿色' TBODY TR TD align=中跨类=' style 2 '效果显示/span/TD/TR TD align=middleSCRIPT语言=JavaScript 1.2 var ie=document。all var DOM=文档。getelementbyidvar ns4=document。layers var bounchelimit=32/(必须能被8整除)var curtopvar direction=' up ' var box height=' function init box(){ if(！多姆ie！ns4)returncrossobj=(dom)？文件。getelementbyid(' drop in ').风格： ie？文件。全部。放下：号文件。dropmentall _ top=(ie)？文件。尸体。滚动顶部：窗口。pageyoffsetcrossobj。top=scroll _ top-250 crossobj。可见性=(DOM | | ie)？"可见' : '显示' drop start=setInterval(' drop in()'，50)}函数drop in(){ scroll _ top=(ie)？文件。尸体。滚动顶部：窗口。pageyoffsetif(parsent(cross obj。top)100 scroll _ top)交叉对象。top=parsent(交叉obj。top)40 else { clearInterval(drop start)bounce estart=set interval(' bounce ein()'，50)} } function bounce ein(){ cross obj。top=parsent(交叉obj。top)-弹跳极限f(弹跳极限0)弹跳极限=8弹跳极限=弹跳极限*-1 if(弹跳极限==VISIBILITY:隐藏；宽度： 400像素；绝对位置：top : 250 PxHth : 200 PxHth-background color : # f5f 5 ' DIV align=right a href=' JavaScript : disable box()'[关闭窗口]/A/DIV如果想法改变，态度就会改变；如果习惯改变，人格就会改变；如果命运改变，人生就会改变/DIV/TD/TR/tbbody/TABLE/CENTER/BODY/HTML希望本文所述对大家的爪哇岛描述语言程序设计有所帮助。