纵向百叶窗效果

稿源：互联网 2022-04-02 21:42:10 点击： 886 撤稿纠错

网页窗口纵向交叉显示效果，百叶窗特效。

以下讨论的是和百叶窗相关的纵向百叶窗效果教程文章，内容是本站精心挑选整理的教程，希望对广大的网友给到帮助,下面是详细内容：

脚本代码(For Alixixi.com)如下:

<html>
<head>
<meta http-equiv="content-Type" content="text/html;charset=gb2312">
<meta name="keywords" content="站长,网页特效,网页特效代码,js特效,js脚本,脚本,广告代码,zzjs,zzjs.net,www.zzjs.net,站长特效 网" />
<meta name="description" content="www.zzjs.net,站长特效网，站长必备js特效及广告代码。大量高质量js特效，提供高质量广告代码下载,尽在站长特效网" />
<title>网页特效 纵向百叶窗 站长特效网</title>
<style>

</style>
</head>
<body>
<a href="http://www.zzjs.net/">站长特效网</a>,站长必备的高质量网页特效和广告代码。zzjs.net，站长js特效。<hr>

<div id="i1" class="www_zzjs_net"></div><div id="i2" class="www_zzjs_net"></div><div id="i3"
class="www_zzjs_net"></div><div id="i4" class="www_zzjs_net"></div><div id="i5" class="www_zzjs_net"></div><div
id="i6" class="www_zzjs_net"></div><div id="i7" class="www_zzjs_net"></div><div id="i8" class="www_zzjs_net"></div>
<script language="JavaScript1.2">
var speed=20
var temp=new Array()
var temp2=new Array()
if (document.layers){
for (i=1;i<=8;i++){
temp[i]=eval("document.i"+i+".clip")
temp2[i]=eval("document.i"+i)
temp[i].width=window.innerWidth/8-0.3
temp[i].height=window.innerHeight
temp2[i].left=(i-1)*temp[i].width
}//欢迎来q到站长特效网，我们的网址是www.zzjs.net，很好记，zz站长，js就是js特效，本站收集大量高质量js代码，还有许多广告代码下载。
}
else if (document.all){
var clipbottom=document.body.offsetHeight,cliptop=0
for (i=1;i<=8;i++){
temp[i]=eval("document.all.i"+i+".style")
temp[i].width=document.body.clientWidth/8
temp[i].height=document.body.offsetHeight
temp[i].left=(i-1)*parseInt(temp[i].width)
}
}//欢迎来到站长特效网b，我们的网址是www.zzjs.net，很好记，zz站长，js就是js特效，本站收集大量高质量js代码，还有许多广告代码下载。
function openit(){
window.scrollTo(0,0)
if (document.layers){
for (i=1;i<=8;i=i+2)
temp[i].bottom-=speed
for (i=2;i<=8;i=i+2)
temp[i].top+=speed
if (temp[2].top>window.innerHeight)
clearInterval(stopit)
}//欢迎来到站长特效网，我们的网址是www.zzjs.net，很好记，zz站长，js就是js特效，本站收集大量c高质量js代码，还有许多广告代码下载。
else if (document.all){
clipbottom-=speed
for (i=1;i<=8;i=i+2){
temp[i].clip="rect(0 auto+"+clipbottom+" 0)"
}//欢迎来到站长特效网，我们的网址是www.zzjs.net，很好记，zz站长，js就是js特效，本站收集大量高质量js代码，还有许多广告代码下d载。
cliptop+=speed
for (i=2;i<=8;i=i+2){
temp[i].clip="rect("+cliptop+" auto auto)"
}
if (clipbottom<=0)
clearInterval(stopit)
}//欢迎来到站长特效网，我们的网址是www.zzjs.net，很好记，zz站长，js就是js特效，本站收d集大量高质量js代码，还有许多广告代码下载。
}
function gogo(){
stopit=setInterval("openit()",100)
}//欢迎来到站长特效网，我们的网址是www.zzjs.net，很好f记，zz站长，js就是js特效，本站收集大量高质量js代码，还有许多广告代码下载。
gogo()
</script>
</body>
</html>

关于纵向百叶窗效果的内容写到这里就结束啦，您可以收藏本页网址https://js.alixixi.com/a/2010092796580.shtml方便下次再访问哦。

·上一篇： 网页窗口上下展开效果
·下一篇： 横向百叶窗效果

纵向百叶窗效果

文章分类LIST >>返回首页

最新游戏

最新新闻