整體向上移動,迴圈移動同樣的資料

來源:互聯網
上載者:User

標籤:parse   res   pre   lis   blog   upn   info   ima   移除   

整體向上移動,迴圈移動同樣的資料

var  lis,//一次向ul裡添加的li    bottomUl=0,//ul向上移的距離    ulNum=0;//插入ul的個數$.ajax({    url: "./equpment/lastInfo",    dataType: ‘json‘,    success: function (results) {        lis=results;      liAppengToUl(results);      moveUl();    }});function liAppengToUl(results){ //向ul中插入li,讓ulNum為1;    var frag=document.createDocumentFragment();    $(results).each(function(index,car){        var li=‘<li class="‘+ulNum+‘">Id為‘+car.equpid+‘的車輛‘+car.equpname+‘在‘+car.gps_date+‘耕作了‘+parseFloat(car.area/666.6667).toFixed(2)+‘畝地</li>‘;        $(frag).append(li);    });    $("#ul").append(frag);    ulNum+=1;};function moveUl(){    bottomUl+=10;//向上移動的距離                                
  $("#ul").animate({bottom:bottomUl},500); var time=setTimeout(moveUl, 500);//0.5秒向上移一次ul,0.5秒移bottomUl的距離 if($("#ul").height()!=0){ var height=$("#ul").height(); } if(ulNum>=3){ $("li.0").remove();//移除第一次添加的所有li ulNum=0; liAppengToUl(lis);//讓ulNum為0,會有一段空白,所以先添加lis } if(parseInt($("#ul").css(‘bottom‘))>=(height-window.screen.height*0.9)){ //如果ul向上移的長度大於ul的高度(lis的高度)減去螢幕顯示的高度,插入一次lis liAppengToUl(lis); }}

 

整體向上移動,迴圈移動同樣的資料

相關文章

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

Tags Index: