讓一個一個出現的實現從下向上升的效果

遍歷延遲插入,從最下面出現,實現向上升的效果,到本來的位置中止ajax

$.ajax({
    url: "./equpment/lastInfo",//請求數據
    dataType: 'json',
    success: function (results) {
        var top=0;
        $(results).each(function(index,car){
            var li='<li style="bottom:0;position:absolute;">Id爲'+car.equpid+'的車輛'+car.equpname+'在'+car.gps_date+'耕做了'+parseFloat(car.area/666.6667).toFixed(2)+'畝地</li>'; //讓li出如今最下面
            setTimeout(function () {
                if(index==0){
                    top=0;
                }else{
                    top+=40;
                }
                $('#ul').append(li);//插入ul
                $("#ul li:last").animate({top:top},8000);//讓第一個li在8秒內top爲40,讓第二個li在8秒內top爲80;
            }, index*1000);//一秒出現一個li
        });
    }
});    
相關文章
相關標籤/搜索