📄 9-2.htm
字号:
<html>
<head>
<title>§9.2 页面从中间向两边打开</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<style>
<!--
.interface{
position:absolute;
left:0;
top:0;
layer-background-color:blue;
background-color:blue;
border:0.1px solid blue
}
-->
</style>
</head>
<body bgcolor="#FFFFFF" text="#000000">
<div id="i1" class="interface"></div>
<div id="i2" class="interface"></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(settm)
}
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(settm)
}
}
function gogo()
{
settm=setInterval("openit()",100)
}
gogo()
</script>
<p>t</p>
<p>这里输入页面内容</p>
</body>
</html>
⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -