代码改变世界

上下飘动的气球动画实现方式

2016-03-01 10:38  盛世游侠  阅读(614)  评论(0编辑  收藏  举报
    
//气球动画
function myfn(o,t){ 
    var n=0;
    var status=0;
    setInterval(function(){
        var top1=o.offset().top;//40
        n++;
        if(status==0){
            o.offset({top:top1+1});
        }else{
            o.offset({top:top1-1});
        }
        if(n==20){
            status=status==0 ? 1: 0;
            n=0;
        }
    },t);
}; 
$('.cardList li').each(function(index) {
    if(index%2==1){
        time=70;
    }else if(index%2==2){
        time=30;
    }else{
        time=50;
    }
    myfn($(this),time);
});