JAVASCRIPT网页上下切换的打开特效

最新推荐文章于 2022-09-08 21:05:18 发布

weixin_30278311

最新推荐文章于 2022-09-08 21:05:18 发布

阅读量292

点赞数

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/softmans/p/7422974.html

版权

<html>
<head>
<title>页面上下打开效果</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
</head>
<body>
<div id="div1" style="position:absolute; left:0px; top:0px; border:'0.1px' 'solid' '#0066FF' "></div>
<div id="div2" style="position:absolute; left:0px; top:0px; border:'0.1px' 'solid' '#0066FF' "></div>
<script language="JavaScript">
var speed=20
var temp=new Array()
var Height=document.body.clientHeight/2,Top=0
for (i=1;i<=2;i++){
temp[i]=eval("document.all.div"+i+".style")
temp[i].width=document.body.clientWidth
temp[i].height=document.body.clientHeight/2
temp[i].top=(i-1)*parseInt(temp[i].height)
}
function openit(){
window.scrollTo(0,0)
Height-=speed
temp[1].clip="rect(0 auto+"+Height+" 0)"
Top+=speed
temp[2].clip="rect("+Top+" auto auto)"
if (Height<=0)
clearInterval(tim)
}
var tim=setInterval("openit()",100);
</script>
</body>
</html>

转载于:https://www.cnblogs.com/softmans/p/7422974.html

优惠劵

weixin_30278311

关注关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
JAVASCRIPT网页上下切换的打开特效

<html><head><title>页面上下打开效果</title><meta http-equiv="Content-Type" content="text/html; charset=gb2312"></head><body><div id="div1" style="position:absolute...
复制链接

扫一扫