javascript - 如何让一个段落在 div 中跳来跳去?

标签 javascript html

这只是为了好玩,看看 Javascript 是否可以做到这一点。

假设我有一个段落,它周围是一个 div 或一个表格单元格。

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

使用 Javascript,我如何使这个对象反弹?不仅仅是上下运动,还有整个 x 轴和 y 轴的运动。它会沿对 Angular 线移动直到到达边缘,然后返回并在“盒子”内真实地弹跳。

这可能吗?再说一次:这只是为了好玩,我不会把它放在网站上并重现整个 Marquee 的崩溃。

最佳答案

这是我突然想到的东西 - 但请记住我的警告:)

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

关于javascript - 如何让一个段落在 div 中跳来跳去?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/6152522/

相关文章:

javascript - 为什么以及如何在 React 组件中使用类名实用程序?

javascript - 来自 ajax 的 Bootstrap 表 json

javascript - 在 Svelte 中获取对组件根元素的引用

html - 如何在 body 标签中垂直和水平居中文本?

Javascript 字符串没有获得连接的变量值?

javascript - AJAX 内容和浏览器导航按钮

JavaScript 复选框切换按钮警报

javascript - Angular ng 消息 : how to check password confirmation?

javascript - 如何缩短自动发布的文本长度

javascript - 使用内联 JavaScript 在 emacs 中缩进 html