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);
    }
    高否?富否?帅否? 否? 滚去学习!
  • 相关阅读:
    mysql慢查询
    linux查找文件
    ss安装教程
    node_module删除
    api的错误代码设计
    es6的Promise
    vue后台项目
    vue的main.js
    vue的过渡效果
    【Linux网络基础】网络拓扑、OSI层次模型、TCP/IP协议簇
  • 原文地址:https://www.cnblogs.com/baixc/p/3485622.html
Copyright © 2011-2022 走看看