如何讓一個段落在div中反彈？

Question

這只是爲了好玩，看看如果Javascript可以做到這一點。

想象一下，我有一段，並圍繞它，是一個div或表格單元格。

<table> 
    <tr> 
     <td>Foo</td> 
     <td><p class="bouncer">This is the bouncing paragraph.</p></td> 
    </tr> 
</table> 

使用Javascript，我該如何使這個對象反彈？不只是上下，而是整個x軸和y軸的運動。它會對角移動直到到達邊緣，然後在「盒子」內實際反彈回來。

這可能嗎？再說一遍：這只是爲了好玩，我不會把它放在網站上，重現整個Marquee的崩潰。

Answer 1

這裏的東西我颳起了 - 但記得我的警告:)

http://jsfiddle.net/He5aQ/2/

Answer 2

這是可能的。

最簡單的方法是使用jQuery的.animate() method和操縱top和left屬性。

您也可以嘗試用普通的JavaScript，與position: relative或position: absolute玩，並與setTimeout電話操縱top和left。

我剛給了你一個提綱，因爲你說這是爲了好玩，所以我想你可能想自己解決這個問題。這是可能的，所以繼續下去，玩得開心:)。