js 缓冲运动实例

来源:luqidong 发布时间:2014-06-24 19:11:13 点击数:

78OA办公系统

源码:

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>
 
Math.ceil()将小数部分一律向整数部分进位
Math.floor()一律舍去,仅保留整数
本文78oa系统编辑所撰,如若转载请注明出处。