Javascript抖动元素的一个小例子

复制代码代码如下所示:




xxxxxx


{ #控制
身高:100px;
宽度:100%;
背景:灰色;
}



功能摇(E,完备,距离、间隔)
{
如果(typeof E =字符串)
{
E = document.getelementbyid(E);
如果…
距离=距离| | 8;
区间=间隔| | 800;

无功originalstyle = e.style.csstext;
e.style.position =相对;
VaR开始=(新的日期()GetTime());

动画();

函数动画()
{
var =(新的日期()GetTime());
var =现在-开始;
var进程=经过时间/间隔;
如果(进度<1)
{
var y =距离* Math.sin(math.pi *进步* 4);
var x =距离* Math.cos(math.pi *进步* 4);
e.style.left = x +PX;
e.style.top = y +PX;
console.log(e.style。csstext);
setTimeout(动画,Math.min(25,经过));
如果…
其他的
{
e.style.csstext = originalstyle;
如果(完全)
{
OnComplete(E);
如果…

}结束其他

}结尾(动画)

}结束(抖动)