本文阐述了js从
网页顶部实现弹出图层效果的
方法,供大家
参考:
这里的javascript
动画背景层,实现了从页面顶部跌落到停止的感觉,还带有缓冲反弹的手段,动画弹出
显示从上到下,没有
关闭功能,如何在美化
工作的同时美化爱情,感觉良好。
运行效果如下图所示:
具体代码如下:
窗户掉下来了。
窗户掉下来了。
效果显示
VaR即= document.all
var = document.getelementbyid DOM
VaR NS4 = document.layers
无功bouncelimit = 32(必须整除 / / 8)
无功curtop
var方向=
无功boxheight =
功能initbox(){
如果(!DOM!IE!NS4)
返回
crossobj =(DOM)document.getelementbyid(滴)。风格:即document.all.dropin:document.dropin
scroll_top =(IE)document.body.scrolltop:window.pageyoffset
crossobj顶= scroll_top-250。
crossobj。知名度=(DOM | | IE)可见:秀
dropstart = setInterval()(降落
}
功能下降(){
scroll_top =(IE)document.body.scrolltop:window.pageyoffset
如果(parseInt(crossobj。顶)< 100 + scroll_top)
crossobj。= parseInt(crossobj。顶)+ 40
别的{
ClearInterval(dropstart)
bouncestart = setInterval(bouncein()
}
}
功能bouncein(){
crossobj。= parseInt(crossobj。顶部)- bouncelimit
如果(bouncelimit<0)
bouncelimit + = 8
bouncelimit = bouncelimit * 1
如果(bouncelimit = = 0){
ClearInterval(bouncestart)
}
}
功能dismissbox(){
如果(窗口。bouncestart clearInterval(bouncestart))
crossobj。能见度=隐藏
}
onload = initbox窗口。
{关闭窗户}如果观念改变,态度就会改变;如果习惯改变,人格改变;如果命运改变,生活将改变。
希望本文能对大家的javascript
程序设计有所帮助。