会python真的可以为所欲为0(回)
365天前
这里还有人吗1(回)
551天前这里还有人吗0(回)
551天前
每天面对着电脑屏幕，敲打键盘。我所面对的并不只是代码，而是一种生活方式。0(回)
775天前到处都是羊，不想上班0(回)
855天前
鸽子
0(回)
859天前<!DOCTYPE html> |
<html> |
<head> |
<meta charset="UTF-8"> |
<title>单定时器多物体运动框架</title> |
<style type="text/css"> |
div{ |
width: 100px; |
height: 50px; |
background: red; |
margin: 10px; |
} |
</style> |
</head> |
<body> |
<div></div> |
<div></div> |
<div></div> |
<script type="text/javascript"> |
window.onload=function(){ |
var aDiv=document.getElementsByTagName('div'); |
for(var i=0;i<aDiv.length;i++){ |
aDiv[i].onmouseover=function(){ |
startMove(this,400); |
} |
aDiv[i].onmouseout=function(){ |
startMove(this,100); |
} |
} |
}; |
|
|
var timer=null; |
function startMove(obj,iTarget){ |
clearInterval(timer); |
timer=setInterval(function(){ |
var speed=(iTarget-obj.offsetWidth)/6; |
speed=speed>0?Math.ceil(speed):Math.floor(speed); |
if(obj.offsetWidth==iTarget){ |
clearInterval(timer); |
}else{ |
obj.style.width=obj.offsetWidth+speed+'px'; |
} |
},30); |
} |
</script> |
</body> |
</html> |
