帝国cms首页加载更多,滚动无限加载方法
1,放到首页需要无限加载的地方:
<script language="javascript" type="text/javascript">$(function(){ var pagenum = 1; //设置当前页数 var zhan_zongpage=0; var totalheight = 0; var wan=true; function loadData(){ totalheight = parseFloat($(window).height()) + parseFloat($(window).scrollTop()); if ($(document).height()-200 <= totalheight && wan==true) { zhan_zongpage = 155; $.ajax({ url : '/skin/sy-getajax.php', type:'get', data:{"next":pagenum}, dataType : 'html', beforeSend:function(){ wan=false; }, suess : function(data){ if(data!=''){ $('.tabs_content_list').append(data); pagenum++; wan=true; }else{ $(".loadmore").text('没有更多内容了'); return false; } } }); } }$(window).scroll( function() { loadData();});});</script>
2,sy-getajax.php放到根目录{}注意路径
模板里面必选引入jquery.min.js
加载出来的样式在sy-getajax.php修改
php和js已打包压缩
php5.4
帝国CMS7.5内核简洁文章资讯自适应手机HTML5综合类模板源码【内页 文章页、列表标题,描述,严格的SEO标题规范,利于SEO】
下一篇:帝国cms内容页IF判断代码怎么用?(帝国CMS内容模板if判断代码使用方法)
帝国cms 首页加载更多