zoukankan      html  css  js  c++  java
  • 妙味——任意值变化的运动框架

    function getStyle(obj,attr){
        if(obj.currentStyle)
        {
            return obj.currentStyle[attr];
        }
        else
        {
            return getComputedStyle(obj,false)[attr];
        }
    }
    // var timer=null;
    function startMove(obj,attr,iTarget){
    
        clearInterval(obj.timer);
        obj.timer=setInterval(function(){
            // var iCur=parseInt(getStyle(obj,attr));
            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(iCur==iTarget){
                clearInterval(obj.timer);
            }
            else{
                if(attr=='opacity')
                {
                    obj.style.opacity=(iCur+iSpeed)/100;
                    obj.style.filter='alpha(opacity:'+(iCur+iSpeed)+')';
                }
                else
                {
                    obj.style[attr]=iCur+iSpeed+'px';
                }
            }
        },30);
    }
    高否?富否?帅否? 否? 滚去学习!
  • 相关阅读:
    前端之JavaScript
    前端之CSS
    前端之HTML
    编程总结
    线程
    锁机制,信号机制,事件机制
    并发编程
    struct
    linux查看端口
    vue页面跳转传参
  • 原文地址:https://www.cnblogs.com/baixc/p/3485622.html
Copyright © 2011-2022 走看看