Question

This just for fun to see if Javascript can do it.

Imagine I have a paragraph, and surrounding it, is a div or a table cell.

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

Using Javascript, how would I make this object bounce? Not just up and down, but the whole x and y axis movement. It would move diagonally until reaching the edge then come back and bounce realistically within the ‘box’.

Is this possible? Again: This is just for fun, I’m not going to put it on a website and reproduce the whole Marquee debacle.

Answer 1

Here’s something I whipped up – but remember my warning 🙂

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