如何在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进行操作，并使用top来电操作left和setTimeout。

我刚给你一个大纲，因为你说它很有趣，所以我想你可能想自己解决这个问题。这是有可能的，所以继续玩得开心:)。