您的位置:首页 > Web前端 > JavaScript

物体任意值运动框架(包括透明度)move.js

2016-08-13 11:14 375 查看
<script>

function getStyle(obj,attr){

            if(obj.currentStyle){

                return obj.currentStyle[attr];

            }else{

                return getComputedStyle(obj,false)[attr];

            }

        }

        function startMove(obj,attr,iTarget){

            clearInterval(obj.timer);

            obj.timer=setInterval(function(){

                var iCur=0;

                if(attr=='opacity'){

                    iCur=parseInt(parseFloat(getStyle(obj,attr))*100);

                }else{

                    iCur=parseInt(getStyle(obj,attr));

                }

                var iSpeed=(iTarget-iCur)/8;

                iSpeed=iSpeed>0?Math.ceil(iSpeed):Math.floor(iSpeed);

                if(iTarget==iCur){

                    clearInterval(obj.timer);

                }else{

                    if(attr=='opacity'){

                        obj.style.filter='alpha(opacity:'+(iCur+iSpeed)+')';

                        obj.style.opacity=(iCur+iSpeed)/100;

                        document.getElementById('txt1').value=obj.style.opacity;

                    }else{

                        obj.style[attr]=iCur+iSpeed+'px';

                    }

                }

            },30);

        }

    </script>
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: