码迷,mamicode.com
首页 > 其他好文 > 详细

缓存运动

时间:2017-06-18 12:08:59      阅读:154      评论:0      收藏:0      [点我收藏+]

标签:move   speed   width   ntb   mat   back   com   art   style   

技术分享

 

<style>
#div1 {width:100px; height:100px; background:red; position:absolute; left:600px; top:50px;}
#div2 {width:1px; height:300px; position:absolute; left:300px; top:0; background:black;}
</style>
<script>
function startMove()
{
var oDiv=document.getElementById(‘div1‘);
setInterval(function (){
var speed=(300-oDiv.offsetLeft)/10;
//speed=Math.floor(speed);
speed=speed>0?Math.ceil(speed):Math.floor(speed);

oDiv.style.left=oDiv.offsetLeft+speed+‘px‘;

document.title=oDiv.offsetLeft+‘,‘+speed;
}, 30);
}
</script>
</head>

<body>
<input type="button" value="开始运动" onClick="startMove()" />
<div id="div1"></div>
<div id="div2"></div>
</body>

缓存运动

标签:move   speed   width   ntb   mat   back   com   art   style   

原文地址:http://www.cnblogs.com/xiaoyangtian/p/7043535.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!