css樣式代碼

<style>div{border: red 1px solid;border-radius:50%;width: 400px;height: 400px;position: absolute;} </style> html代碼 <div id="xq">小球 </div><button οnclick="aaa()">點(diǎn)我開始</button> <button οnclick="end()">點(diǎn)我結(jié)束</button>

script里代碼

<script>var time ;function aaa(){time= window.setInterval("star()",100);}function star(){var node=document.getElementById("xq");var num= parseInt(window.getComputedStyle(node).left);num+=20;node.style.left=num+"px"; }function end(){window.clearInterval(time); }</script>

總結(jié)

以上是生活随笔為你收集整理的js实现小球移动的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。