动画

js 动画基础代码

var el = $(‘#Test’), i = 0;
var s = setTimeout(function(){ 
  i += 1;
    el.css(‘top’,i+’px’);
    if(i >= 300){ 
    clearTimeout(s);
        return false; 
  }
    setTimeout(arguments.callee,20); 
}, 20);
var el = $(‘#Test’), i = 0;
var s = setTimeout(function(){ 
  i += 1;
    el.css('-webkit-transform', 'translateY('+i+'px)');
    if (i >= 300){ 
    clearTimeout(s);
        return false; 
  }
    setTimeout(arguments.callee, 20); 
},20);