完美运动框架全面剖析
来源:互联网 发布:上海近几年gdp数据 编辑:程序博客网 时间:2024/05/17 00:06
源码:
function perfect(obj,josn,fn){
clearInterval(obj.timer);//清除定时器var flag=true;//用于判断是否全部动画执行完成
obj.timer=setInterval(function(){
for(var attr in josn) {
//取当前值
if (attr == 'opacity') {
off = Math.round(parseFloat(getStyle(obj, attr)) * 100);
}
else {
off = parseInt(getStyle(obj, attr));
}
//算速度
speed = speed > 0 ? Math.ceil(speed) : Math.floor(speed); //取整
//停止检测
flag=false;
}
if (attr == 'opacity') {
obj.style.filter = 'alpha(opacity:' + (off + speed) + ')';
obj.style.opacity = (off + speed) / 100;
} else {
obj.style[attr] = off + speed + 'px';
}
}
if(flag){
clearInterval(obj.timer);
if (fn) {
fn();
}
}
},20)
}
//取元素样式函数
if(obj.currentStyle){
return obj.currentStyle[att];//IE
}
else{
return getComputedStyle(obj,false)[att];//WebKit
}
}
0 0
- 完美运动框架全面剖析
- js运动-完美运动框架
- JS完美运动框架
- 完美运动框架
- JS完美运动框架
- JavaScript - 完美运动框架
- 完美运动框架【js】
- javascript完美运动框架
- 完美运动框架
- 完美运动框架
- 【代码】完美运动框架
- JS完美运动框架
- 【HTML】完美运动框架
- JS完美运动框架
- 完美运动框架
- js运动框架完美运动框架
- js运动技术--完美运动框架
- 完美运动(链式运动)JS框架
- 登台阶
- Activity被系统回收怎么办
- 垂直居中position: relative
- guardian_robot系统移植手记
- Swift UICollectionView、UITableView列点击事件与 UITapGestureRecognizer 点击事件冲突处理
- 完美运动框架全面剖析
- 201409-3 字符串匹配
- Java IO学习总结
- Git分支
- 腾讯IVWEB团队:WebRTC 点对点直播
- 图论杂项
- 运维学习18
- 如何安全退出已调用多个 Activity 的 Application?
- openGL入门