封装原生运动框架（也可实现改变透明度效果）

贰年级小明

于 2019-04-23 09:19:40 发布

阅读量104

点赞数

分类专栏： javaScript

本文链接：https://blog.csdn.net/weixin_43735788/article/details/84315204

版权

javaScript 专栏收录该内容

14 篇文章 0 订阅

订阅专栏

1、封装一个框架（move.js）

	function getStyle(obj,attr) {
        if (obj.currentStyle) {
            return obj.currentStyle[attr];
        }else{
            return getComputedStyle(obj,null)[attr];
        }
    }
    function Move(obj,json,fn) {
        clearInterval(obj.timer);
        obj.timer = setInterval(function() {
            var flag = true;
            for(var attr in json) {
                var iCurrent = 0;
                if (attr == "opacity") {
                    iCurrent = parseFloat(getStyle(obj,attr))*100;
                } else {
                    iCurren = parseInt(getStyle(obj,attr));
                }
                var iSpeed = (json[attr] - iCurrent) / 10;
                iSpeed = iSpeed > 0 ? Math.ceil(iSpeed) : Math.floor(iSpeed);
                if (json[attr] != iCurrent) {
                    flag = false;
                }
                if (att r== 'opacity') {
                    obj.style.opacity = (iCurrent + iSpeed) / 100;
                    obj.style.filter = "alpha(opacity = " + (iCurrent+iSpeed) + ")";
                } else {
                    obj.style[attr] =iCurrent + iSpeed + "px";
                }
            }
            if (flag) {
                clearInterval(obj.timer);
                fn&&fn();
            }
        }, 30)
    }