***页面背景***让你的页面看起来像百页窗
把下列代码加到网页的<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]