|
阅读：522回复：2
页面产生百叶窗脚本
页面产生百叶窗脚本是怎么样的？
|
|
|
1C#
发布于：2002-04-14 19:30
Re：页面产生百叶窗脚本
脚本说明: 第一步:把如下代码加入<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[2].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> |
|
|
2C#
发布于：2002-06-14 03:39
Re：页面产生百叶窗脚本
frontpage可以做页面转跳的转换效果
--------------------
[IMG]http://www.oxdns.com/Sources/Images/oxdns_04.gif[/IMG]
视觉中国-[a]http://www.ChinaVisual.com[/a] |
|
|
