码迷,mamicode.com
首页 > 其他好文 > 详细

多物体运动框架

时间:2016-11-04 20:53:31      阅读:221      评论:0      收藏:0      [点我收藏+]

标签:class   清除   目标   end   pen   doc   gets   cti   注意   

    function startMove(obj,attr,iTart) {//物体,属性,目标值
        clearInterval(obj.time);//注意,首先要清除定时器
        obj.time = setInterval(function () {
            var iCur = 0;//当前非行间样式的值

            if(attr == ‘opacity‘){//如果是0.3
                iCur = parseInt(parseFloat(getStyle(obj,attr))*100);//为来避免出现小数.
            }else{
                iCur = parseInt(getStyle(obj,attr));//取整
            }

            var spend = (iTart-iCur)/8;//缓冲运动,速度
            spend = spend>0?Math.ceil(spend):Math.floor(spend);//大于0时向上取整,小于0时向下取整
            if(iCur == iTart){//是否到达终点
                clearInterval(obj.time);//到达终点以后,清除定时器
            }else{
                if(attr == ‘opacity‘){
                    obj.style.filter = ‘alpha(opacity:‘+(iCur+spend)+‘)‘;
                    obj.style.opacity = (iCur+spend)/100;
                    document.getElementById("txt1").value = obj.style.opacity;
                }else{
                    obj.style[attr] = iCur+spend+"px";//到达之前
                }
            }
        },30);

    }

 

多物体运动框架

标签:class   清除   目标   end   pen   doc   gets   cti   注意   

原文地址:http://www.cnblogs.com/wang715100018066/p/6031454.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!