内容加载更多...

1.按钮加载更多

<ul id="wrap"> 
<li> 
<div class="boxCont" style="height:255px;"> 
1 
</div> 
</li> 
<li> 
<div class="boxCont" style="height:306px;"> 
2 
</div> 
</li> 
<li> 
<div class="boxCont" style="height:317px;"> 
3 
</div> 
</li> 
<li> 
<div class="boxCont" style="height:388px;"> 
4 
</div> 
</li> 
<li> 
<div class="boxCont" style="height:346px;"> 
5 
</div> 
</li> 

</ul>

<input type="button" id="more_btn" value="加载更多..."/>

<script type="text/javascript"> 
var $id = function(o){ return document.getElementById(o) || o}; 
$id("more_btn").οnclick=function(){ 
for(i = 31; i < 60; i++) { 
height = Math.floor(Math.random()*200 + 200); 
$id("wrap").innerHTML += '<li><div class="boxCont" style="height:' + height + 'px;">'+i+'</div></li>';  //循环的内容
}; 
} 
</script>

2.移动端手操上拉刷新，下拉加载

http://www.sucaijiayuan.com/Js/other/1055.html

http://www.kuitao8.com/20150113/3462.shtml