使用move.js库实现百叶窗的特殊效果

今天的操作是一个页面特效页面特效，不错，现在直接上了最后效果。demo做的有点低，但是效果都是。
这是HTML和CSS代码：思想是每个立在div，放几个P，通过调整translaty，控制。
* {
填充：0；
保证金：0；
列表样式：无；
}
#白{
宽度：400px；
高度：自动；
浮点数：左；
margin-left: 20px汽车；
}
李{
文本对齐：中心；
宽度：100%；
身高：50px；
行高：50px；
底部边框：1px冲# 000；
职位：相对；
溢出：隐藏；
}
div.box {
宽度：100%；
身高：50px；
位置：绝对；
上图：- 50px；
}
P {
身高：50px；
}

一千一百一十一万亿、一千一百一十亿零一百、一千一百一十一万一千零一和十一
二十二千二百二十二兆零二百和二百二十二亿二千二百万零二百二万二千二百二十二

三十三千三百三十三兆零三百和三百三十三亿三千三百万零三百三万三千三百三十三
四十四千四百四十四兆零四百和四百四十四亿四千四百万零四百四万四千四百四十四

五十五千五百五十五兆零五百和五百五十五亿五千五百万零五百五万五千五百五十五
六十六千六百六十六兆零六百和六百六十六亿六千六百万零六百六万六千六百六十六

七十七千七百七十七兆零七百和七百七十七亿七千七百万零七百七万七千七百七十七
八十八千八百八十八兆零八百和八百八十八亿八千八百万零八百八万八千八百八十八
关键是在这里：你可以来这里下载
导入此插件如何使用我不谈这件事。我可以在这里看到。这篇文章非常好，关键是移动（）替换的对象与jQuery节点对象相同，下面是简单的方法
移动（正方形）
（500, 200）
旋转（180）
比例（5）
。集（'background-color '，' # ff0551）
（'border-color。集，）
持续时间（3S）。
歪斜（50，- 10）
然后（）
（'opacity。集，0）
持续时间（'0.3s）。
比例（0.1）
（流行）
结束（）；
接下来，把所有下面的js代码放在整体上。整个想法是两个计时器，一个计时器来安排总的时间和开始的时间，第二个定时器是每一个小div，需要多长时间进行动画。
在window.onload =函数（）{
var = 1； *获取每个div *
var定时器= NULL；
在这里判断方向
丁（）；
函数丁（）{
setInterval（）{（）函数（
变化（）；
}，3000）
}
函数更改（）{
定时器= setInterval（）{（）函数（
如果（数字= 5）{
ClearInterval（定时器）；
数字= 1；
TET =！TET；
}
否则，如果
移动（#白。+数字+ ，）（50）（端）； / *这里使用的是translatey，移动，Y（）。
数字+；
}
别的{
移动（#白。+数字+ ），Y（0）结束（）；
数字+；
}
}，100）
}
}
U3000
以上是本文的全部内容，希望本文的内容能给大家的学习或工作带来一定的帮助，同时也希望能给予更多的支持！