问题描述
|
这只是为了看看Javascript是否可以做到。
想象一下,我有一个段落,它周围是一个div或一个表格单元格。
<table>
<tr>
<td>Foo</td>
<td><p class=\"bouncer\">This is the bouncing paragraph.</p></td>
</tr>
</table>
使用Javascript,如何使该对象反弹?不只是上下,而且整个x和y轴都移动。它会沿对角线移动直到到达边缘,然后返回并在\'Box \'内实际反弹。
这可能吗?再说一次:这只是为了娱乐,我不会将其放在网站上并重现整个Marquee崩溃。
解决方法
这是我想起的事情-但请记住我的警告:)
http://jsfiddle.net/He5aQ/2/
, 有可能的。
最简单的方法是使用jQuery的
.animate()
方法并操纵top
和left
属性。
您也可以尝试使用简单的Javascript,与position: relative
或position: absolute
一起玩,并通过setTimeout
调用来操纵top
和left
。
我只是给了您一个概述,因为您说它很有趣,所以我想您可能想自己解决这个问题。有可能,所以继续玩吧:)。