首页 > 代码库 > javascript加速运动
javascript加速运动
<!DOCTYPE html><html xmlns="http://www.w3.org/1999/xhtml"><head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title></title> <style type="text/css"> #div1 { width: 100px; height: 100px; background-color: green; position: absolute; left:600px; top: 50px; } #div2 { width:1px; height:300px; position:absolute; background-color:gray; left:300px; top:0px; } </style></head><script type="text/javascript"> var timer = null; function Move() { var oDiv = document.getElementById("div1"); timer = setInterval(function () { var speed = (300 - oDiv.offsetLeft) / 10; speed = speed > 0 ? Math.ceil(speed) : Math.floor(speed); oDiv.style.left = oDiv.offsetLeft + Math.ceil(speed) + "px"; }, 30); }</script><body> <input type="button" id="btn" value="http://www.mamicode.com/开始运动" onclick="Move()" /> <div id="div1"></div> <div id="div2"></div></body></html>
声明：以上内容来自用户投稿及互联网公开渠道收集整理发布，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任，若内容有误或涉及侵权可进行投诉： 投诉/举报 工作人员会在5个工作日内联系你，一经查实，本站将立刻删除涉嫌侵权内容。