Javascript jQuery将div切片为可设置动画的片段

是否可以使用jQuery和CSS将div一分为二，然后分别设置这两部分的动画

要更好地解释，请参见此图：

---

任何帮助都将不胜感激-提前感谢。

不，你不能这样展示一个div。但是你可以复制并将每个副本的大小限制为一半，然后对两个副本都设置动画。

你可以制作两个div，并将每个div设置为

overflow:hidden

之后，将文本放在左侧相同的位置，但一个稍低于div，一个稍高于div，以便将每个文本“剪切”成两半。（或者这是一个解决方法）
您可以用一对容器div来伪造它，如下所示：

HTML

<div id="top"><div>Some text here</div></div>
<div id="bottom"><div>Some text here</div></div>​

jQuery

$('#bottom').delay(2000).animate({
    bottom: '-200px'
},4000);
$('#top').delay(2000).animate({
    top: '-200px'
},4000);

​
 如果你最终自己做了这件事，看看jQueryUI的爆炸效果，从中获得灵感：（它与文本一起工作）
$('#bottom').delay(2000).animate({
    bottom: '-200px'
},4000);
$('#top').delay(2000).animate({
    top: '-200px'
},4000);