码迷,mamicode.com
首页 > 其他好文 > 详细

动态分页《查看更多》

时间:2015-02-05 09:28:12      阅读:125      评论:0      收藏:0      [点我收藏+]

标签:

$(document).ready(function(){
     var range = 50;             //距下边界长度/单位px 
     var elemt = 500;           //插入元素高度/单位px 
     var maxnum = $("#newsCount").val();            //设置加载最多次数 
     var num = 1;
     var page = 1;
     var totalheight = 0;  
     var main = $("#content");                     //主体元素 
     $(window).scroll(function(){ 
         var srollPos = $(window).scrollTop();    //滚动条距顶部距离(页面超出窗口的高度) 
         totalheight = parseFloat($(window).height()) + parseFloat(srollPos);
        
         if(($(document).height()-range) <= totalheight  && num != maxnum) {
          $.ajax({
           type:"post",
           url: "${path}/main_do/ajaxNews",
           data: {
             page: page
            },
           dataType: "html",
           success: function(data){
             var objs = jQuery.parseJSON(data);
             for(var i=0;i<objs.length;i++)
             {
              var news = objs[i];
             
              main.append(‘<div class="index_one_news"><div class="index_one_news_img"><img src="${path }/‘+news.image+‘" width="182" height="109" /></div><div class="index_one_news_text"><a href="${path }/main_do/news_detail?newsId=‘+news.news_ID+‘"><h1>‘+news.title+‘</h1></a><p>‘+news.content+‘</p><div class="index_one_news_date">‘+news.publish_Date+‘</div></div></div>‘);
             }
           },
           error: function(){
            
           }
          });
          page++;
             num++; 
         } 
     }); 

动态分页《查看更多》

标签:

原文地址:http://www.cnblogs.com/dieyf/p/4273897.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!