JavaScript 编码练习：添加动画使图片在页面上来回移动

最新推荐文章于 2023-01-19 19:03:15 发布

kllo__

最新推荐文章于 2023-01-19 19:03:15 发布

阅读量339

点赞数

分类专栏： javascript 文章标签： javascript 动画 css

本文链接：https://blog.youkuaiyun.com/kllo__/article/details/123088903

版权

问题描述

根据以下给出的 HTML 和 CSS 代码，编写 JavaScript 代码使球水平弹跳。

#ball {
    position: relative;
    left: 0px;
}

<html>
 <head>
 </head>
 <body>
<p>
  <button id="start">Start</button>
  <button id="stop" disabled>Stop</button>
</p>

<div id="frame">
  <!-- Update the "src" attribute if you downloaded the image locally -->
  <img id="ball" src="https://raw.githubusercontent.com/bpesquet/thejsway/master/resources/basketball.jpg">
</div> </body>
</html>

显示结果：图片显示不出来