mjc 发表于 2007-4-27 11:57:22

***页面背景***让你的页面看起来像百页窗

把下列代码加到网页的<body></body>标签之间 从google下载我的照片管理软件
要完成此效果需要两个步骤

第一步:把如下代码加入到<head>区域中

<style>

<!--

.intro{position:absolute;

left:0;

top:0;

layer-background-color:green;

background-color:green;

border:0.1px solid green

}

-->

</style>


第二步:把如下代码加入到<body>区域中

<div id="i1" class="intro"></div><div id="i2" class="intro"></div><div

id="i3"

class="intro"></div><div id="i4" class="intro"></div><div id="i5"

class="intro"></div><div

id="i6" class="intro"></div><div id="i7" class="intro"></div><div

id="i8" class="intro"></div>



<script language=javascript>

<!--

var speed=30

var temp=new array()

var temp2=new array()

if (document.layers){

for (i=1;i<=8;i++){

temp=eval("document.i"+i+".clip")

temp2=eval("document.i"+i)

temp.width=window.innerwidth/8-0.3

temp.height=window.innerheight

temp2.left=(i-1)*temp.width

}

}

else if (document.all){

var clipbottom=document.body.offsetheight,cliptop=0

for (i=1;i<=8;i++){

temp=eval("document.all.i"+i+".style")

temp.width=document.body.clientwidth/8

temp.height=document.body.offsetheight

temp.left=(i-1)*parseint(temp.width)

}

}

function openit(){

window.scrollto(0,0)

if (document.layers){

for (i=1;i<=8;i=i+2)

temp.bottom-=speed

for (i=2;i<=8;i=i+2)

temp.top+=speed

if (temp.top>window.innerheight)

clearinterval(stopit)

}

else if (document.all){

clipbottom-=speed

for (i=1;i<=8;i=i+2){

temp.clip="rect(0 auto+"+clipbottom+" 0)"

}

cliptop+=speed


for (i=2;i<=8;i=i+2){

temp.clip="rect("+cliptop+" auto auto)"

}

if (clipbottom<=0)

clearinterval(stopit)

}

}

function gogo(){

stopit=setinterval("openit()",100)

}

gogo()



-->





</script>
      










--------------------------------------

http://www.huoyue.com.cn 活跃网,活跃人群的论坛,访问活跃网,将给您带来意想不到的收获,还可以免费为您开论坛,让您免费拥有与朋友、网友交流的论坛。你是年轻人吗?你活跃你就上!
页: [1]
查看完整版本: ***页面背景***让你的页面看起来像百页窗