js实现多对象缓冲运动实例代码

uff1a效应

思想:

setInterval定时器进行运动。offsetwidth实现宽度的变化。鼠标是用来放置终点和选定的div为参数，然后缓冲。

代码uff1a
复制代码代码如下所示：

DIV
{
宽度：100px；
身高：50px；
背景：# 0000ff；
保证金：10px；
}

在window.onload =函数（）{
无功odiv = document.getelementsbytagname（'div）；
对于（var i = 0；i < odiv.length；i++）{
我odiv { }。定时器= null； / /买一个div做个记号，关闭相应的div定时器
我odiv { }。onmouseover =函数（）{
将（此，400）移动到定时器输出参数
}
我odiv { }。onmouseout=函数（）{
移动（这个，100）；
}
}
}；
函数移动（div，结束）{
ClearInterval（div.timer）；
div.timer = setInterval（）{（）函数（
var =速度（端div.offsetwidth）/ 5（终点-去； / / /缩放系数宽度）= div移动速度
速度=速度> 0 math.ceil（速度）：Math.floor（速度）； / /小数舍入，舍入进行
如果（div.offsetwidth = =结束）{ / /当你到达终点时计时器关闭
ClearInterval（div.timer）；
}
{其他
div.style.width = div.offsetwidth +速度+ 'px '； / /移动div的宽度
}
}，30）
}