页面懒加载

<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>

页面懒加载,码迷,mamicode.com