本文
介绍了用纯JS
模拟div层弹性运动的
方法,供大家
参考:
特点uff1a
1。
支持每一个不变的习惯
2。理论支持所有元素,只需
修改style.width,你知道
三.已知的支持的
浏览器:Chrome或Firefox或IE7,8, 9
var = 900;最大距离
Var B;可变计时器
var = 1;下一步单击- 1移动方向负运动1正面运动。
var=2;反弹值越大,弹性常数D值越大> 1。
var = 1;当前运动方向
var
var = 0;具有单向运动时间
动态弹性元件
var i = 15;
速度越快,值越大,动作越慢。
函数弹跳(id){
H = document.getelementbyid(ID);
/终止未完成的动作
如果这样(B)(B);
恢复时间
g=0;
c = 1 *;更改下一个移动方向。
B = setInterval('move()',我);
}
函数移动(){
如果(c = 1){
如果(e = = 1){
如果(F(2×g-1)> 0){
F = F(2×g-1);
++;
其他{ }
e=1;
f=1;
++;
G = parseInt(g/d);
g = % 2 = 0(g + 1):g;
如果(G = = 3)clearInterval(B);
}
其他{ }
如果(g > 0){
G;
F = F + 2×g-1;
其他{ }
e=1;
g=0;
}
}
h.style。宽度= f.tostring()+PX;
其他{ }
如果(e = 1){
如果(F +(2×g-1)<){
F = F +(2×g-1);
++;
其他{ }
e=1;
f=;
++;
G = parseInt(g/d);
g = % 2 = 0(g + 1):g;
如果(G = = 1)clearInterval(B);
}
其他{ }
如果(g > 0){
G;
F=f- (2*g-1);
其他{ }
e=1;
g=0;
}
}
h.style。宽度= f.tostring()+PX;
}
}
特点:*支持所有常量、自定义*理论支持的所有元素,只需修改style.width,你知道*支持浏览器:Chrome或Firefox或IE7,8, 9。
希望本文能对大家的javascript
程序设计有所帮助。