svip

1,放到首页需要无限加载的地方:

1. <script language="javascript" type="text/javascript">
   
2. $(function(){
   
3.     var pagenum = 1; //设置当前页数
   
4.         var zhan_zongpage=0;
   
5.         var totalheight = 0;
   
6.         var wan=true;
   
7.         function loadData(){
   
8.                 totalheight = parseFloat($(window).height()) + parseFloat($(window).scrollTop());
   
9.                 if ($(document).height()-200 <= totalheight && wan==true) {   
   
10.                         zhan_zongpage = 155;
    
11.                         $.ajax({
    
12.                                 url : '/skin/sy-getajax.php',
    
13.                                 type:'get',
    
14.                                 data:{"next":pagenum},
    
15.                                 dataType : 'html',
    
16.                                 beforeSend:function(){
    
17.                                         wan=false;
    
18.                                 },
    
19.                                 success : function(data){
    
20.                                         if(data!=''){
    
21.                                                 $('.tabs_content_list').append(data);
    
22.                                                 pagenum++;
    
23.                                                 wan=true;
    
24.                                         }else{
    
25.                                                 $(".loadmore").text('没有更多内容了');
    
26.                                                 return false;
    
27.                                         }
    
28.                                 }
    
29.                         });
    
30.                 }
    
31.         }
    
32.   $(window).scroll( function() {   
    
33.                 loadData();  
    
34.   });
    
35. });
    
36. </script>

复制代码

2,sy-getajax.php放到根目录{}注意路径
模板里面必选引入jquery.min.js
加载出来的样式在sy-getajax.php修改
php和js已打包压缩
php5.4