<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title></title>
<style>
div {
width: 100px;
height: 50px;
background-color: red;
margin-top:50px;
}
</style>
<script type="text/javascript">
window.onload=function()
{
var aDiv = document.getElementsByTagName('div');
for(let i=0;i<aDiv.length;i++)
{
aDiv[i].timer = null;
aDiv[i].onmouseover = function ()
{
startMove(this,300);
}
aDiv[i].onmouseout = function ()
{
startMove(this,100);
}
}
}
function startMove(obj,iTarget)
{
clearInterval(obj.timer);
timer=setInterval(function () {
var iSpeed = (iTarget - obj.offsetWidth)/8;
iSpeed=iSpeed>0?Math.ceil(iSpeed):Math.floor(iSpeed);
if(obj.offsetWidth == iTarget)
{
clearInterval(obj.timer);
}
else
{
obj.style.width = obj.offsetWidth + iSpeed + 'px';
}
},30)
}
</script>
</head>
<body>
<div></div>
<div></div>
<div></div>
</body>
</html>
【多个运动】函数哪里错了?
- 写回答
- 好问题 0 提建议
- 追加酬金
- 关注问题
- 邀请回答
-
3条回答
- 琴& 2019-01-16 16:28关注
obj.timer=setInterval(function(){},30)
本回答被题主选为最佳回答 , 对您是否有帮助呢?解决 无用评论 打赏 举报
悬赏问题
- ¥15 程序不包含适用于入口点的静态Main方法
- ¥15 素材场景中光线烘焙后灯光失效
- ¥15 请教一下各位,为什么我这个没有实现模拟点击
- ¥15 执行 virtuoso 命令后,界面没有,cadence 启动不起来
- ¥50 comfyui下连接animatediff节点生成视频质量非常差的原因
- ¥20 有关区间dp的问题求解
- ¥15 多电路系统共用电源的串扰问题
- ¥15 slam rangenet++配置
- ¥15 有没有研究水声通信方面的帮我改俩matlab代码
- ¥15 ubuntu子系统密码忘记