zoukankan      html  css  js  c++  java
  • javascript 完美运动框架

    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 bStop=true; //这一次运动就结束了,所有值都到达了。
            for(var 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]){
                    bStop=false;
                }

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

            if(bStop){
                clearInterval(obj.timer);
                if(fn){
                    fn();
                }
            }
        },30)
    }


    /*
    调用
    window.onload=function(){
        var oDiv=document.getElementByIdx_x('div1');
        oDiv.onmouseover=function(){
            startMove(oDiv, { 102, height: 200, opacity: 100});
        }
        oDiv.onmouseout=function(){
            startMove(oDiv, { 100, height: 100, opacity: 30});
        }    
    };
     */

  • 相关阅读:
    查看DNS、IP、Mac等
    windows测试物理网络
    ACCEPT详解
    oracle动静视图-权限-角色-参数
    [ PHP+jQuery ] ajax 多级联动菜单的应用:电商网站的用户地址选择功能 ( 二 )
    使用Python爬取网页的相关内容(图片,文字,链接等等)
    使用Python爬取网页的相关内容(图片,文字,链接等等)
    使用Pycharm安装插件时发生错误
    使用Pycharm安装插件时发生错误
    使用Pycharm安装插件时发生错误
  • 原文地址:https://www.cnblogs.com/qibingshen/p/5257506.html
Copyright © 2011-2022 走看看