js运动框架问题求助-问答-阿里云开发者社区-阿里云

开发者社区> 问答> 正文

js运动框架问题求助

a123456678 2016-03-13 09:52:23 1177
function getStyle(obj,attr){
    if(obj.currentStyle)  
    {  
        return obj.currentStyle[attr];  
    }  
    else  
    {  
        return getComputedStyle(obj,false)[attr];  
    }  
}


function startMove(obj,json,fn){
    clearInterval(obj.timer);
    obj.timer = setInterval(function(){
        for(var attr in json){
            var iCur = 0;
            var flag = true;
            if(attr == 'opacity'){
                iCur = Math.round(parseFloat(getStyle(obj,attr))*100);
            }else{
                iCur = parseInt(getStyle(obj,attr));
            }

            var speed = (json[attr]-iCur)/8;
            speed = speed>0?Math.ceil(speed):Math.floor(speed);

            if(iCur != json[attr]){
                flag = false;
            }

            if(attr == 'opacity'){
                obj.style.opacity = (iCur + speed)/100;
                obj.style.filter = 'alpha(opactiy:'+(iCur+speed)+')';
            }else{
                obj.style.attr = iCur + speed + 'px';
            }

            if(flag){
                clearInterval(obj.timer);

                if(fn){
                    fn();
                }
            }
        }
    }
        ,30)
}
<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
    <script src="move.js"></script>
    <script>
        window.onload = function(){
            var div = document.getElementById('box');
            div.onmouseover = function(){
                startMove(div,{opacity:100,width:400,height:400});
            }
        }
    </script>
    <style>
        #box{
            width: 300px;
            height: 300px;
            background-color: green;
            opacity:0.3;
            filter:alpha(opactiy:30);}
    </style>
</head>
<body>
    <div id="box"></div>
</body>
</html>

问一下为什么只修改了opacity的值 没有改变width和height呢?

JSON JavaScript 数据格式
分享到
取消 提交回答
全部回答(1)
开发与运维
使用钉钉扫一扫加入圈子
+ 订阅

集结各类场景实战经验,助你开发运维畅行无忧

推荐文章
相似问题
推荐课程