网页下拉加载内容插件-领先建站CMS提供服务商我们专注于CMS建站产品的研发

13315 查看	23 回复

主题：[分享]网页下拉加载内容插件 [收藏主题]

转到：

网络情缘当前离线

197 主题	0 广播	7 粉丝

级别:一年级

用户积分:845 分
登录次数:136 次
注册时间:2013/6/10
最后登录:2024/10/28

网络情缘发表于：2018/12/2 19:27:20 | 显示全部帖子查看该作者主题楼主

有课程找生源就上科汛课堂街

网页下拉加载内容插件,可适合科讯KesionCMS系列的任何一个页右面，手机版电脑版通用。内容页，栏目页通用。在HTML模板中加入以下代码。
<head>
<script src="{$GetInstallDir}ks_inc/jquery.js" type="text/javascript"></script>
<script src="/m/js/jquery-2.1.1.min.js?tc=06222"></script>
<script type="text/javascript">
var page = 1;
var divHeight=0;
var timer=window.setInterval(function(){

if($('.loading').offset().top<=document.body.clientHeight+$(window).scrollTop()){

if(divHeight!=$('.loading').offset().top){

divHeight=$('.loading').offset().top;

loadmore('{$GetSmallClassID}',1,'.img-list');//红色这个1是选择样式的，插件中分1、2、3种样式

}

}
},1000)
function loadmore(ClassID,action,dest){

$.ajax({

type:'get',

dataType :'json',

url:'/ajax.asp?id='+ ClassID +'&action='+ action +'&page=' + page,

success:function(data){

page = data.page;

$(dest).append(data.html);

if (!data.hasmore){

$('.loading').hide();

if(timer){clearTimeout(timer)} //清除定时任务

}

}

});
}
</script>

<head>在网页需要显示的地方加入代码
<ul class="img-list">
</ul><div class="loading">努力加载中...</div>
下载以下插件上传到网站根目录，JS文件放JS目录