<!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 kali环境运行volatility分析android内存文件,缺profile
- ¥15 写uniapp时遇到的问题
- ¥15 vs 2008 安装遇到问题
- ¥15 matlab有限元法求解梁带有若干弹簧质量系统的固有频率
- ¥15 找一个网络防御专家,外包的
- ¥100 能不能让两张不同的图片md5值一样,(有尝)
- ¥15 informer代码训练自己的数据集,改参数怎么改
- ¥15 请看一下,学校实验要求,我需要具体代码
- ¥50 pc微信3.6.0.18不能登陆 有偿解决问题
- ¥20 MATLAB绘制两隐函数曲面的交线