122、打开页面特效4

122、打开页面特效4

脚本说明:

把如下代码加入<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>

<style>

<!--

.intro {

position:absolute;

left:0;

top:0;

layer-background-color:red;

background-color:red;

border:0.1px solid red

}

-->

</style>

Write a comment

Comments: 0