账号通
    

账号  

密码  

9747

查看

21

回复
主题:[分享]科汛PC+手机文章列表点击更多加载插件【已解决】 [收藏主题] 转到:  
anflash 当前离线

209

主题

2

广播

36

粉丝
添加关注
级别:二年级

用户积分:1080 分
登录次数:629 次
注册时间:2011/12/22
最后登录:2020/12/11
anflash 发表于:2016/4/5 10:18:08   | 显示全部帖子 查看该作者主题 楼主 
科汛在线网校系统

现在文章列表点击加载或者下拉加载很流行,科汛官方一直没有添加这个功能。因此忙里偷闲做了个小插件,此插件适用于任何模型不但可以在栏目页使用,而且首页也可以。略懂ASP的站长可以扩展出很多功能,本人只是提供思路。下面以文章列表点击加载为例:
添加此插件需增加两个页面:
1、3G/演示.html
2、3G/info.asp
本地测试地址:http://localhost/3g/演示.html
下面分享增加的两个页面的源码:

 下载信息  [文件大小:2.56 KB 下载次数: 次]
点击下载文件:科汛3G文章列表点击更多加载插件.rar

 
个人QQ:845977434
  支持(0) | 反对(0) 回到顶部顶端 回到底部底部
anflash 当前离线

209

主题

2

广播

36

粉丝
添加关注
级别:二年级

用户积分:1080 分
登录次数:629 次
注册时间:2011/12/22
最后登录:2020/12/11
anflash 发表于:2016/4/13 11:17:20   | 显示全部帖子 查看该作者主题 沙发 
科汛在线商城系统(NET)

文中“3g/info.asp”文件编码是gb2312的

下面发下utf-8的插件

 下载信息  [文件大小:1.66 KB 下载次数: 次]
点击下载文件:点击更多加载插件utf-8.rar

下面说些调注意的地方:
<script src="/KS_Inc/jquery.js" type="text/javascript"></script>
<script type="text/javascript">
var page = 2;
//参数:栏目小ID,列表样式,列表样式名
//列表样式:0为默认演示列表 1为普通列表 2为带图片的列表
//列表样式名: 1、若是ID样式名前面加#(井号) 2、若是Class样式名前面加.(英文句号)

function loadmore(ClassID,action,dest){
$.ajax({
  type:'get',
  dataType :'json',
  url:'/3g/info.asp?id='+ ClassID +'&action='+ action +'&page=' + page,
  success:function(data){
   $('.loading').hide();
   page = data.page;
   $(dest).append(data.html);
   if (!data.hasmore){
    $('.btn-more').hide();
   }
  }
});
$('.loading').show();
}
</script>

<ul class="img-list">
</ul>
<div class="loading" style="display:none"> </div>
<div class="btn-more" onclick="loadmore('3',1,'.img-list')">查看更多</div>


备注:红色为调用时应当修改的地方,不要直接使用上面的代码,部分代码科汛屏蔽了可以用文章里附件里的

 
  支持(0) | 反对(0) 回到顶部顶端 回到底部底部
anflash 当前离线

209

主题

2

广播

36

粉丝
添加关注
级别:二年级

用户积分:1080 分
登录次数:629 次
注册时间:2011/12/22
最后登录:2020/12/11
anflash 发表于:2016/4/15 16:58:08   | 显示全部帖子 查看该作者主题 藤椅 
科汛在线网校系统

下面分享下下拉倒底部加载

 下载信息  [文件大小:2.58 KB 下载次数: 次]
点击下载文件:下拉到底部加载.rar


使用方法:

<script type="text/javascript">
var page = 1;
var divHeight=0;
var timer=window.setInterval(function(){
if($('.loading').offset().top<=document.documentElement.clientHeight+$(window).scrollTop()){
  if(divHeight!=$('.loading').offset().top){
   divHeight=$('.loading').offset().top;
   loadmore('3',1,'.img-list');
  }
}
},500)
//参数:栏目小ID,列表样式,列表样式名
//列表样式:0为默认演示列表 1为普通列表 2为带图片的列表
//列表样式名: 1、若是ID样式名前面加#(井号) 2、若是Class样式名前面加.(英文句号)
function loadmore(ClassID,action,dest){
$.ajax({
  type:'get',
  dataType :'json',
  url:'/3g/info.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>

<ul class="img-list">
</ul>
<div class="loading">加载中...</div>


备注:红色为可修改部分

 
  支持(0) | 反对(0) 回到顶部顶端 回到底部底部
anflash 当前离线

209

主题

2

广播

36

粉丝
添加关注
级别:二年级

用户积分:1080 分
登录次数:629 次
注册时间:2011/12/22
最后登录:2020/12/11
anflash 发表于:2016/7/7 14:47:04   | 显示全部帖子 查看该作者主题 板凳 
 
  支持(0) | 反对(0) 回到顶部顶端 回到底部底部
<上一主题 | 下一主题 >
Powered By KesionCMS Version X1
厦门科汛软件有限公司 © 2006-2016 页面执行0.13281秒 powered by KesionCMS 9.0