左右分.html

来自「javescript网页特效80个例子」· HTML 代码 · 共 71 行

HTML
71 行
字号 
<html>
<head>
<title>窗口背景的开门效果</title>
<style>
<!--
.intro {
position:absolute;
left:0;
top:0;
background-color:blue;  /*设置窗口的背景颜色*/
}
-->
</style>
</head>
<body>
<div id="i1" class="intro"> 
</div> 
<div id="i2" class="intro"> 
</div> 
<script language="JavaScript1.2"> 
var speed=20   //设置背景开门的速度
var temp=new Array() 
var temp2=new Array() 
if (document.layers){ 
for (i=1;i<=2;i++){ 
temp[i]=eval("document.i"+i+".clip") 
temp2[i]=eval("document.i"+i) 
temp[i].width=window.innerWidth/2 
temp[i].height=window.innerHeight 
temp2[i].left=(i-1)*temp[i].width 
} 
} 
else if (document.all){ 
var clipright=document.body.clientWidth/2,clipleft=0 
for (i=1;i<=2;i++){ 
temp[i]=eval("document.all.i"+i+".style") 
temp[i].width=document.body.clientWidth/2 
temp[i].height=document.body.offsetHeight 
temp[i].left=(i-1)*parseInt(temp[i].width) 
} 
} 


function openit(){ 
window.scrollTo(0,0) 
if (document.layers){ 
temp[1].right-=speed 
temp[2].left+=speed 
if (temp[2].left>window.innerWidth/2) 
clearInterval(stopit) 
} 
else if (document.all){ 
clipright-=speed 
temp[1].clip="rect(0 "+clipright+" auto 0)" 
clipleft+=speed 
temp[2].clip="rect(0 auto auto "+clipleft+")" 
if (clipright<=0) 
clearInterval(stopit) 
} 
} 

function gogo(){ 
stopit=setInterval("openit()",100) 
} 
gogo() 
</script>
<center>
看到效果了吗？
</center>
</body>
</html>

左右分.html - 源码说明

本页面展示了「javescript网页特效80个例子」中的 左右分.html 源码文件，采用 HTML 编程语言编写，共 71 行代码。您可以在线阅读完整代码内容，也可以返回资源详情页下载完整源码包进行本地学习和开发。

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

⌨️ 快捷键说明

复制代码Ctrl + C
搜索代码Ctrl + F
全屏模式F11
增大字号Ctrl + =
减小字号Ctrl + -
显示快捷键?