zoukankan      html  css  js  c++  java
  • move.js

    function startMove(obj,json,fn){
        var flag=true;//标志所有运动是否到达目标值
        clearInterval(obj.timer);
        obj.timer=setInterval(function(){
        for(var attr in json){
        var curr=0;
        //判断是否为透明度
        if(attr=='opacity'){
            curr=Math.round(parseFloat(getStyle(obj,attr))*100);
        }else{
            curr=parseInt(getStyle(obj,attr));
        }
        //移动速度处理
        var speed=0;
        speed=(json[attr]-curr)/10;
        speed=speed>0?Math.ceil(speed):Math.floor(speed);
        if(curr!=json[attr]){
            flag=false;
        }
        if (attr=='opacity') {
            obj.style.filter='alpha(opacity:'+(curr+speed)+")";
            obj.style.opacity=(curr+speed)/100;
        }else{
            obj.style[attr]=curr+speed+'px';
        }
    }
        if(flag){
            clearInterval(obj.timer);
            if(fn){
                fu();
            }
        }
    },30);
    }
    
    //取样式
        function getStyle(obj,attr){
            if(obj.currentStyle){//IE取样式
                return obj.currentStyle[attr];
            }else{
            return getComputedStyle(obj,false)[attr];
            }
    
    }                
  • 相关阅读:
    脚本
    vim 马哥
    动态删除节点
    动态插入节点
    动态创建内容
    获取html元素内容
    设置元素的属性
    获取元素的属性
    jquery中:input和input的区别
    jQuery选择器总结
  • 原文地址:https://www.cnblogs.com/kevoin/p/5052075.html
Copyright © 2011-2022 走看看