JS链式运动框架
来源:互联网 发布:网络拓扑图图标详解 编辑:程序博客网 时间:2024/05/16 06:11
链式运动框架在任意运动框架的基础上加了一个形参,一共四个形参 对象,属性,运动目标值,函数 obj,attr,iTarget,fnEnd
<script>function startMove(obj,attr,iTarget,fnEnd){clearInterval(obj.timer); //清除当前对象的定时器obj.timer=setInterval(function(){ //定义当前对象的定时器var cur=0;if(attr=='opacity'){ //如果attr属性是opacity时cur=Math.round(parseFloat(getStyle(obj,attr))*100); //opacity要用parseFloat强制转换为浮点数才能起作用,因为浮点数习惯用整数表示所以乘以100。因为有些小数*100在计算机中会出现bug,会出现算不尽的数,所以要用Math.round()来四舍五入。}else{cur=parseInt(getStyle(obj,attr));//把从对象获取到的属性值强制转换为整形}var speed=(iTarget-cur)/6;speed=speed>0?Math.ceil(speed):Math.floor(speed); //用三目运算符,当速度大于0就向上取整,否则就向下取整,这样能避免缓冲运动出现bugif(cur==iTarget){clearInterval(obj.timer);if(fnEnd)fnEnd();} else{if(attr=='opacity'){obj.style.filter='alpha(opacity:'+(cur+speed)+')'; //IEobj.style.opacity=(cur+speed)/100;document.getElementById('txt1').value=obj.style.opacity;}else{obj.style[attr]=cur+speed+'px';}}},30);};</script>
- JS链式运动框架
- JS 运动框架2 链式运动
- js运动技术--链式运动框架
- 完美运动(链式运动)JS框架
- js运动-链式运动
- js运动-链式运动、摩擦运动、缓冲运动、运动框架加入缓冲
- (43)JS运动之链式运动框架
- 链式运动框架
- 链式运动框架
- 链式运动框架
- JS链式运动
- JS链式运动
- js物体链式运动
- 链式运动实例 运动框架应用 微博
- JavaScript运动框架(五):链式运动到完美运动
- js运动-完美运动框架
- js运动--同时运动框架
- 《js动画效果》之链式运动
- POJ-3141-Distant Galaxy
- 基于MSM构建tomcat集群
- 解决uploadify 3.1 ie上传失效,没有弹出框
- android input tp
- 约瑟夫环问题--ZOJ1088
- JS链式运动框架
- JBPM3.2 整合ssh框架
- 在ios6中调用苹果地图用于导航
- checkStyle 结果分析
- LA3027之并查集
- ztree 实现树的搜索功能
- 申请google map 的android key(新的申请方式)
- 信息图]乔布斯的10大管理诫律
- textarea 滚动条属性设置