首页 > 织梦学院 > 织梦技巧 >

织梦首页列表页,ajax加载更多,瀑布流,首页多栏目切换(3)

相关案例演示

var loadConfig = {

url_api:'/plus/list.php',

//typeid:{dede:field name="typeid"/},

pagesize:9,

loading : 0

}

var page=2;

var allpage=2;

var shpage=2;

function loadMoreApply(typeid,orderby,toid){

eval(" page ="+toid+"page;");

var pagesize = loadConfig.pagesize;

var url = loadConfig.url_api,

data={ajax:'pullload',typeid:typeid,page:page,pagesize:pagesize,orderby:orderby};

function ajax(url, data) {

$.ajax({url: url,data: data,async: false,type: 'GET',dataType: 'json',success: function(data) {

addContent(data,toid);

}});

}

ajax(url,data);

}

function addContent (rs,toid){

if(rs.statu== 1){

var data = rs.list;

var total = rs.total;

var arr=[];

var length = data.length;

for(var i=0;i<length;i++){

arr.push('<div class="bg-fff margin-big-bottom l-margin-bottom0 l-margin-top12 ib list2" id="list">');

arr.push('<div class="xl4 padding20 l-padding00"><span class="pr ib "><a target="_blank" class="width-100" href="'+data[i].arcurl+'"><img src="'+data[i].picname+'" width="100%"class="width-100" alt="'+data[i].title+'"></a><span class="left0 top0 ib padding-top2 padding-bottom2 padding-left10 padding-right10 bg-main text-fff text-small">'+data[i].typename+'</span><span class="left0 bottom0 height40 bgt30 width-100 text-fff text-small"id="shares" style="display:none ;"><a class="xl-textshare cursor votenums" href="http://v.t.sina.com.cn/share/share.php?title='+data[i].title+'{dede:global.cfg_basehost/}'+data[i].arcurl+'"></a><span class="line-share"></span><span class="wx-textshare pr"><a class="z-index5 top0 left0" id="__dedeqrcode_1"></a>');

var __dedeqrcode_id=1;

var __dedeqrcode_aid=data[i].id;

var __dedeqrcode_type='arc';

var __dedeqrcode_dir='{dede:global.cfg_basehost/}/plus';

//arr.push("<ins style=\"display:inline-table;border:none;margin:0;padding:0;position:relative;visibility:visible;width:100%\">");

var dedeqrcodeLink = document.getElementById('__dedeqrcode_'+__dedeqrcode_id);

dedeqrcodeLink.style.display = 'none';

var randNum = Math.floor(Math.random() * 2147483648).toString(36);

var __dedeqrcode_src = "\""+__dedeqrcode_dir+"/qrcode.php?id="+__dedeqrcode_aid+"&type="+__dedeqrcode_type+"\"";

arr.push(" <span id=\"__bfzInc_"+randNum+"\" style=\"display:block;border:none;margin:0;padding:0;position:relative;visibility:visible;width:100%\">");

arr.push("<iframe id=\"dede_qrcode_frame\" name=\"dede_qrcode_frame\" width=\"260\" height=\"280\" frameborder=\"0\" src="+__dedeqrcode_src+" marginwidth=\"0\" marginheight=\"0\" vspace=\"0\" hspace=\"0\" allowtransparency=\"true\" scrolling=\"no\" allowfullscreen=\"true\"></iframe>");

//arr.push(" </ins>");

arr.push("</span>");

arr.push('</a></span></span></span></div>');

arr.push('<div class="xl8 padding-top20 l-padding-top00"><p><a target="_blank" href="'+data[i].arcurl+'"><span class="text-22 l-text-18 bl"href="'+data[i].arcurl+'">'+data[i].title+'</span></a></p>');

arr.push('<p class="text-left hidden-l "><a class="text-555" href="'+data[i].arcurl+'">'+data[i].info+'</a></p>');

arr.push('<span class="bottom10 l-bottom-5 right10 ib height30 text-12"style="color:#999">');

arr.push('<span title="'+data[i].stime+'">'+data[i].timeago+'</span>       ');

arr.push('<span class="b-border-right"><span class="cursor icon-click">     </span>'+data[i].click+'   </span>');

上一篇：关于内容模型字段里的“自动表单”和“固化字段”

下一篇：DEDECMS分类信息按联动类别筛选的实现方法

免责声明：本站所有文章和图片均来自用户分享和网络收集，文章和图片版权归原作者及原出处所有，仅供学习与参考，请勿用于商业用途，如果损害了您的权利，请联系网站客服处理。

来源：网友投稿关注：时间：2020-06-24 08:46

☉首先声明，只要是我们的vip会员所有源码均可以免费下载，不做任何限制(了解更多)
☉本站的源码不会像其它下载站一样植入大量的广告。为了更好的用户体验以后坚持不打水印
☉本站只提供精品织梦源码，源码在于可用，不在多！！希望在这里找到你合适的。
☉本站提供的整站织梦程序，均带数据及演示地址。可以在任一源码详情页查看演示地址
☉本站所有资源（包括源码、模板、素材、特效等）仅供学习与参考，请勿用于商业用途。
☉如有其他问题，请加网站客服QQ进行交流。