页面懒加载

 

<script type="text/javascript" src="js/jquery-1.7.1.min.js"></script> 
<script type="text/javascript">
var page=1;
window.onscroll = function(){
var scrollTop = document.body.scrollTop|document.documentElement.scrollTop;
var windowHeight = document.all ? document.getElementsByTagName("html")[0].offsetHeight : window.innerHeight;
if((scrollTop+windowHeight)>=document.body.clientHeight-10){
$.get('tcdg!_list.html?page='+(++page),function(html){
if(html.length<20){$("#show").html("没有更多信息!");window.onscroll = function(){}}else{$(html).insertBefore('#show');}
});
}
};

 

</script>

 

<section>
<div id='show' style="width:100%;text-align:center;"><img style="margin:0 auto;width:30px;" src="images/loading.gif" />信息正在加载中。。。</div>
</section>