用纯js模拟div层弹性运动的方法

用纯js模拟div层弹性运动的方法
本文介绍了用纯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程序设计有所帮助。
免责声明:本网信息来自于互联网,目的在于传递更多信息,并不代表本网赞同其观点。其原创性以及文中陈述文字和内容未经本站证实,对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺,并请自行核实相关内容。本站不承担此类作品侵权行为的直接责任及连带责任。如若本网有任何内容侵犯您的权益,请及时联系我们,本站将会在24小时内处理完毕。
相关文章
返回顶部