javascript 缓冲运动框架的实现
编程学习 2021-07-04 17:32www.dzhlxh.cn编程入门
这篇文章主要介绍了javascript 缓冲运动框架的实现的相关资料,希望通过本能帮助到大家，实现这样类似的功能，需要的朋友可以参考下
javascript 缓冲运动框架的实现
框架的使用，大大的提高了我们的编码的效率，狼蚁网站SEO优化分享一个缓冲运动框架。
实例代码：
/**
* Created by wang on 2016/8/3.
*/
//获取非行间样式和行间样式
function getStyle(obj,name) {
if(obj.currentStyle){
return obj.currentStyle[name];
}
else {
return getComputedStyle(obj,false)[name];
}
}
//获取非行间样式和行间样式
//缓冲运动框架
var timer=null;
function startMove(obj,attr,iTarget) {
clearInterval(obj.timer);
obj.timer=setInterval(function () {
var cur=0;
if(attr=='opacity'){
cur=Math.round(parseFloat(getStyle(obj,attr))*100);
}
else {
cur=parseInt(getStyle(obj,attr));
}
var speed=(iTarget-cur)/6;
speed=speed>0?Math.ceil(speed):Math.floor(speed);
if(cur==iTarget){
clearInterval(timer);
}
else {
if(attr=='opacity'){
obj.style.filter='alpha(opcity:'+(cur+speed)+')';
obj.style.opacity=(cur+speed)/100;
}
else {
obj.style[attr]=cur+speed+'px';
}
}
},30)
}
//缓冲运动框架
如有疑问请留言或者到本站社区交流讨论，感谢阅读，希望能帮助到大家，谢谢大家对本站的支持！