js实现绿色和白色垂直网页的百叶窗动画切换效果
本文以绿色和白色垂直网页百叶窗的js实现效果为例，供大家参考，具体分析如下：在我们面前，我们解释了一个网页快门开关动画效果，但水平百叶窗，这是垂直百叶窗，代码基本上是相同的：
复制代码代码如下所示：
百叶窗的页面切换效果
<！——
介绍{。
位置：绝对；
左：0；
顶部：0；
图层背景颜色：绿色；
背景颜色：绿色；
边境：0.1px固体绿
}
-->
类
id=i6class=intro>
var速度= 20
新数组（）
VaR temp2 =新的数组（）
如果（文档层）{
对于（i = 1；i < 8；i + +）{
温度{我} = eval（文件。我+我+夹）
temp2 {我} = eval（文件。我+我）
温度{我}，宽度=窗口。innerwidth / 8-0.3
温度{我}。高度= window.innerheight
temp2 {我}。左=（i-1）*温度{我}。宽度
}
}
否则如果（文件all）{
无功clipbottom = document.body.offsetheight，cliptop = 0
对于（i = 1；i < 8；i + +）{
温度{我} = eval（文件。所有。我+我+。风格）
温度{我}，宽度=文件。身体。clientwidth / 8
温度{我}。高度= document.body.offsetheight
温度{我}。左=（i-1）* parseInt（临时{我}。宽度）
}
}
功能开启（）{
Window.scrollTo（0,0）
如果（文档层）{
对于（i = 1；i = 8；i = i + 2）
温度{底部} =底部=速度
对于（i = 2；i = 8；i = i + 2）
温度{
如果（临时{ 2 }。顶>窗口。innerheight）
ClearInterval（够了）
}
否则如果（文件all）{
clipbottom =速度
对于（i = 1；i < = 8；i = i + 2）{
温度{我}。夹=矩形（0汽车++ clipbottom +0）
}
cliptop + =速度
对于（i = 2；i < = 8；i = i + 2）{
温度{我}。夹=矩形（+ cliptop +汽车）
}
如果（clipbottom < = 0）
ClearInterval（够了）
}
}
函数（）{
够了= setInterval（开启（）
}
（）
希望本文能对大家的javaｓｃｒｉｐｔ程序设计有所帮助。