当前位置：
|
主题：[分享]网页下拉加载内容插件 [收藏主题] | 转到： |
 网页下拉加载内容插件,可适合科讯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目录  以下内容只有回复后才可以浏览,请先登录！ |
|
 支持(0) |  反对(0)
 顶端  底部
|
 图片预加载用到科讯自带的JS文件<script src="{$GetInstallDir}ks_inc/jquery.js" type="text/javascript"></script>
|
|
|
支持(0) | 反对(0)
顶端 底部
|
|
支持(0) | 反对(0)
顶端 底部
|
![电子邮件:[ 6805711@sina.com ]](http://bbs.kesion.com/club/images/email.gif){kind=small}
|
支持(0) | 反对(0)
顶端 底部
|
|
支持(0) | 反对(0)
顶端 底部
|
|
支持(0) | 反对(0)
顶端 底部
|
 这个好像不完美啊。
打开页面，不往下拉，看边框滑动按钮就能看出，其实下端没出来的内容正在不停的自行显示出来。 当所有的内容显示出来后，再往下拉动页面，就会发现，本来准备下拉时才显示的内容都已经显示了，再往下拉也没啥用啦。 |
|
|
支持(0) | 反对(0)
顶端 底部
|
|
支持(0) | 反对(0)
顶端 底部
|
|
支持(0) | 反对(0)
顶端 底部
|
![QQ号码:[ 6779222 ]](http://bbs.kesion.com/club/images/qq.gif){kind=small}
|
支持(0) | 反对(0)
顶端 底部
|
| ＜上一主题 | 下一主题 ＞ |