亚洲精品乱码久久久久久麻豆,国产爱豆剧传媒在线观看,国产99日韩精品第一页

主頁 > 網(wǎng)站建設(shè) > 建站知識 > 織夢首頁列表頁,ajax加載更多,瀑布流,首頁多欄目

織夢首頁列表頁,ajax加載更多,瀑布流,首頁多欄目

POST TIME:2017-11-12 23:52

藍(lán)色安防器材公司類整站模板

html5響應(yīng)式網(wǎng)站織夢模板源碼IT網(wǎng)絡(luò)工作室織夢網(wǎng)

工業(yè)環(huán)保工程類企業(yè)網(wǎng)站織夢模板(帶手機(jī)端)

軟件APP類網(wǎng)站源碼織夢通用型企業(yè)網(wǎng)站源碼html

效果圖

加載更多按鈕

一,模板上要引入jq文件

二,模板

.slideTxtBox{ width:100%; text-align:left; }

.slideTxtBox .hd{ height:38px; line-height:27px; position:relative; overflow:hidden }

.slideTxtBox .hd ul{left:10px; float:left; position:absolute; top:3px; height:39px;width:120%;}

.slideTxtBox .hd ul li{height:40px; float:left;color:#fff;padding:0px 7px 0px 6px; cursor:pointer; }

.slideTxtBox .hd ul li.on{background:url({dede:global.cfg_templets_skin/}/images/bg5.png) repeat-x;color:red }

.slideTxtBox .bd ul{ zoom:1;padding-bottom:50px;display:none;position:relative;}

.slideTxtBox .bd li{ height:24px; line-height:24px; }

#dede_qrcode_frame{ display:none;z-index:5;position:absolute;top:-117px;left:-40px ;}

</style>

</div><br/>

{dede:arclist row='9' titlelen='100'titlelen='100' orderby='id' }

</a>

var __dedeqrcode_id=1;

var __dedeqrcode_aid=[field:id/];

var __dedeqrcode_type='arc';

var __dedeqrcode_dir='[field:global.cfg_basehost/]/plus';

</script>

</span>

</span></div>

<p><a target="_blank" href="[field:arcurl/]"><span class="text-22 l-text-18 bl"href="[field:arcurl/]">[field:title/]</span></a></p>

</div>

{/dede:arclist}

</ul>

{dede:arclist row='9' titlelen='100'typeid=1 orderby='id' }

</a>

</span></div>

<p><a target="_blank" href="[field:arcurl/]"><span class="text-22 l-text-18 bl"href="[field:arcurl/]">[field:title/]</span></a></p>

</div>

{/dede:arclist}

</ul>

</div>

var tabs=document.getElementById("tab").getElementsByTagName("li");

var divs=document.getElementById("slideTxtBox-bd").getElementsByTagName("ul");

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

tabs[i].onclick=function(){change(this);}

}

function change(obj){

for(var i=0;i<tabs.length;i++)

{

if(tabs[i]==obj){

tabs[i].className="on";

divs[i].className="show";

}

else{

tabs[i].className="";

divs[i].className="";

}

</script>

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>');

arr.push('<span class="hidden-l" id="diggNum'+data[i].id+'">  <a class=" text-bbb text-16"href="javascript:" onclick="javascript:postDigg(\&;good\&;,'+data[i].id+');"><span id="digg'+data[i].id+'" class="icon-heart2">     </span> </a>'+data[i].goodpost+'</span>');

arr.push('<a class="hidden-l"href="/plus/stow.php?aid='+data[i].id+'&type=sys"title="收藏" target="_blank">  <span class="border-right"></span>   <span class="icon-star2 cursor ib height22 width22">     </span></a>');

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

arr.push('</div></div>');}

$('#'+toid).append(arr.join(''));

loadConfig.load_num = rs.load_num;

if(total<page*loadConfig.pagesize || page> loadConfig.load_num){

//$('#'+toid).append('<p class="text-center margin-top"><a href="javascript:" class="button radius-rounded border-main width-20"id="'+toid+'data">沒有了!</a></p>');

$("#"+toid+"data").html('沒有了!');

}else{

//$('#'+toid).append('<p class="text-center margin-top"><a href="javascript:" class="button radius-rounded border-main width-20"id="'+toid+'data">加載更多</a></p>');

}

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

}

add_winxin();

add_share();

}

$("#alldata").click(function() {

loadMoreApply(0,1,'all');//all

});

$("#shdata").click(function() {

loadMoreApply(1,1,'sh');//商會

//$(this).parent('p').remove();

});

$(document).ready(function(){

add_winxin();

add_share();

});

function add_winxin(){

$("#slideTxtBox-bd #list").hover(function() {

$(this).find("#shares").show();

},function(){

$(this).find("#shares").hide();

});

}

function add_share(){

$("#list .wx-textshare").hover(function() {

$(this).find("#dede_qrcode_frame").show();

},function(){

$(this).find("#dede_qrcode_frame").hide();

});

}

</script>

三,修改,plus/list.PHP 在require_once(dirname(__FILE__)."/../include/common.inc.php");

的下面增加一段

if(isset($_GET['ajax'])){

$typeid = isset($_GET['typeid']) ? intval($_GET['typeid']): 0;//傳遞過來的分類ID

$orderby = isset($_GET['orderby']) ? intval($_GET['orderby']): 1;

//print_r($orderby);exit;

//1id排,2hot排序

$page = isset($_GET['page']) ? intval($_GET['page']): 0;//頁碼

$pagesize = isset($_GET['pagesize']) ? intval($_GET['pagesize']): 10;//每頁多少條，也就是一次加載多少條數(shù)據(jù)

$start = $page>0 ? ($page-1)*$pagesize : 0;//數(shù)據(jù)獲取的起始位置。即limit條件的第一個(gè)參數(shù)。

$ntime2 = gmmktime(0, 0, 0, gmdate('m'), gmdate('d'), gmdate('Y'));

$limitday = $ntime2 - (40 * 24 * 3600);//40天內(nèi)熱文

$orwheres = " a.senddate > $limitday ";

//$typesql = $typeid ? " WHERE typeid=$typeid" : '';

if($orderby==1){//id降序

$typesql = $typeid ? " WHERE typeid=$typeid" : '';

} else{//hot排序

$typesql = $typeid ? " WHERE typeid=".$typeid." and ".$orwheres : " WHERE ".$orwheres;

}

//這個(gè)是用于首頁實(shí)現(xiàn)瀑布流加載，

//因?yàn)槭醉摷虞d數(shù)據(jù)是無需分類的，所以要加以判斷，如果無需

$total_sql = "SELECT COUNT(id) as num FROM `dede_archives` $typesql ";

$temp = $dsql->GetOne($total_sql);

$total = 0;//數(shù)據(jù)總數(shù)

$load_num =0;

if(is_array($temp)){

$load_num= round(($temp['num']-$pagesize)/$pagesize);//要加載的次數(shù),因?yàn)槟J(rèn)已經(jīng)加載了

$total = $temp['num'];

}

if($orderby==1){//新

$sql = "SELECT a.*,t.typedir,t.typename,t.isdefault,t.defaultname,t.namerule,

t.namerule2,t.ispart, t.moresite,t.siteurl,t.sitepath

FROM `dede_archives` as a JOIN `dede_arctype` AS t ON a.typeid=t.id $typesql ORDER BY id DESC LIMIT $start,$pagesize";

}else{//熱門

$sql = "SELECT a.*,t.typedir,t.typename,t.isdefault,t.defaultname,t.namerule,

t.namerule2,t.ispart, t.moresite,t.siteurl,t.sitepath

FROM `dede_archives` as a JOIN `dede_arctype` AS t ON a.typeid=t.id $typesql ORDER BY click DESC LIMIT $start,$pagesize";

}

//echo "$sql";exit;

$dsql->SetQuery($sql);

$dsql->Execute('list');

$statu = 0;//是否有數(shù)據(jù)，默認(rèn)沒有數(shù)據(jù)

$data = array();

$index = 0;

while($row = $dsql->GetArray("list")){

$row['info'] = $row['info'] = $row['infos'] = cn_substr($row['description'],250);

$row['id'] = $row['id'];

$row['filename'] = $row['arcurl'] = GetFileUrl($row['id'],$row['typeid'],$row['senddate'],$row['title'],$row['ismake'],

$row['arcrank'],$row['namerule'],$row['typedir'],$row['money'],$row['filename'],$row['moresite'],$row['siteurl'],$row['sitepath']);

$row['typeurl'] = GetTypeUrl($row['typeid'],$row['typedir'],$row['isdefault'],$row['defaultname'],$row['ispart'],$row['namerule2'],$row['moresite'],$row['siteurl'],$row['sitepath']);

if($row['litpic'] == '-' || $row['litpic'] == ''){

$row['litpic'] = $GLOBALS['cfg_cmspath'].'/images/defaultpic.gif';

}

if(!preg_match("#^http:\/\/#i", $row['litpic']) &&$GLOBALS['cfg_multi_site'] == 'Y'){

$row['litpic'] = $GLOBALS['cfg_mainsite'].$row['litpic'];

}

$row['picname'] = $row['litpic'];//縮略圖

$row['writer'] = $row['writer'];

$row['click'] = $row['click'];

$row['stime'] = GetDateMK($row['pubdate']);

$row['timeago']= timeago($row['pubdate']);

$row['typelink'] = "<a href='".$row['typeurl']."'>".$row['typename']."</a>";//分類鏈