完美运动框架(多个属性值同时变化)

    xiaoxiao2025-10-31  1

    1.setStyle:

    <script>         function setStyle(obj,json){             var attr='';             for(attr in json){                 alert(attr+'='+json[attr]);                 obj.style[attr]=json[attr];             }         }         window.οnlοad=function(){             var oDiv=document.getElementById('div1');             setStyle(oDiv,{width:'100px',height:'100px',background:'red'})         }     </script>

    2、move.js增强版

    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(){         var oStop=true;         var attr='';         for(attr in json){             //1、取当前值             var iCur=0;             if(attr=='opacity'){                 iCur=parseInt(parseFloat(getStyle(obj,attr))*100);             }else{                 iCur=parseInt(getStyle(obj,attr));             }             //2、计算速度             var iSpeed=(json[attr]-iCur)/8;             iSpeed=iSpeed>0?Math.ceil(iSpeed):Math.floor(iSpeed);             //3、检测停止                 if(iCur!=json[attr]){                     oStop=false;                 }                 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';                 }         }         if(oStop){             clearInterval(obj.timer);             if(fn){                 fn();             }         }     },30); }

    转载请注明原文地址: https://ju.6miu.com/read-1303715.html
    最新回复(0)