小李SEO博客

网站优化服务

dedecms首页列表页ajax加载更多瀑布流多栏目切换操作方法

效果图

加载更多按钮

一,模板上要引入jq文件<script language="JavaScript" type="text/javascript" src="{dede:global.cfg_templets_skin/}/js/jQuery.js"></script>

二,模板<div class="xl12 xm8 xb8 over-hidden"> <!-- 切换标签 --> <style type="text/css"> .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 id="slideTxtBox"class="slideTxtBox l-padding00"style="overflow:visible !important;"> <div class="hd bg-main"> <ul id="tab"class="border-top border-main border-big"> <li class="on">全部</li> <li>商会</li></ul> </div><br/> <div class="bd"id="slideTxtBox-bd"> <ul id="all" class="show"> {dede:arclist row='9' titlelen='100'titlelen='100' orderby='id' } <div class="bg-fff margin-big-bottom l-margin-bottom0 l-margin-top12 list2 width-100 ib pr"id="list"><div class="xl4 padding20 l-padding00"><span class="pr ib "><a target="_blank" class="width-100" href="[field:arcurl/]"> <img src="[field:litpic/]" width="100%"class="width-100" alt="[field:title/]"> </a> <!-- 微博微信 --> <span class="left0 bottom0 height40 bgt30 width-100 text-fff text-small"id="shares" style="display:none ;"> <a class="xl-textshare cursor votenums" href="https://v.t.sina.com.cn/share/share.php?title=[field:title/] [field:global.cfg_basehost/][field:arcurl/]"></a> <span class="line-share"></span> <span class="wx-textshare pr"> <a class="z-index5 top0 left0" id='__dedeqrcode_1'></a> <script type="text/javascript"> var __dedeqrcode_id=1; var __dedeqrcode_aid=[field:id/]; var __dedeqrcode_type='arc'; var __dedeqrcode_dir='[field:global.cfg_basehost/]/plus'; </script> <script language="javascript" type="text/javascript" src="/plus/img/qrcode.js"></script></a> </span>

上一篇:dedecms程序模板目录规则函数MfTemplet 下一篇:织梦cms动态分页类datalist标签使用实例
织梦cms相关文章阅读
  • 织梦cms调用栏目名称限制字数方法

    小李网络公司介绍织梦cms调用栏目名称限制字数方法知识,包括织梦相关文章调用织梦常用调用标签dedecms调用网站织梦调用代码dedecms调用教程公司名称字数有限制吗dedecms怎么调用学校名字字数...

  • 织梦cms下载地址中li标签去掉方法

    小李网络公司介绍织梦cms下载地址中li标签去掉知识,包括教你怎样去掉dede下载地址中的li标签_织梦园,dede阅读数标签dede列表调用标签dede标签弄不懂dede版权标签dede模板标签大全dede文章标签定义...

  • 织梦cms快速批量删除TAG标签

    小李网络公司介绍织梦cms快速批量删除TAG标签知识,包括批量删除好友软件朋友圈可以批量删除吗dedecms三大标签dedecms主页标签dedecms基础标签dedecms标签分类dedecms标签判断dedecms标签解析....

  • 织梦cms登陆网站后台一片空白解决方法

    小李网络公司介绍织梦cms登陆后台一片空白知识.包括dede后台登陆后一片空白的原因和解决办法,dede后台登陆后一片空白的解决办法汇总,织梦后台登录后页面一片空白怎么办?...

  • 织梦cms程序后台开发点赞功能

    小李网络公司介绍织梦cms程序后台开发点赞功能知识,包括dedecms织梦二次开发独立点赞功能_织梦58,dedecms 点赞功能怎么做_织梦无忧.dedecms如何实现点赞功能_CMS技术_织梦361....

  • 织梦cms5.6文章火车头免登陆发布接口

    小李网络公司介绍织梦cms5.6文章火车头免登陆发布接口知识,包括 火车头DedeCMS5.6文章免登陆发布接口_dedecms_CMS教程,登录接口第三方登录接口织梦支付登录接口失败什么意思有什么提供第三方登...

  • 织梦cms搬家时出现数据库导入失败解决方法

    小李网络公司介绍织梦cms搬家时出现数据库导入失败解决方法知识,包括织梦数据库文件在哪织梦数据库dedecms大数据库dedecms采集后导入dedecms导入excel文章dedecms导入doc插件dedecms导入文章dedecms导入...

  • 织梦cms网站dede:arclist keyword代码标签相关问题

    小李网络公司介绍织梦cms网站dede:arclist keyword代码标签知识,包括dede模板arclistdede相关推荐标签dede回首页的标签dede怎么按权重dedearclist权重dedearclistrow8dede列表排序dede列表序号dedelist和arclist....

  • 织梦cms修改友情链接flink模板教程

    小李网络公司介绍织梦cms修改友情链接flink模板知识,包括dede模板网织梦cms建站教程织梦网站免费模板dede商品模板下载免费织梦手机模板dedecms模板站dede网站模板制作织梦上传模板....

  • dedecms网站去掉友情链接中织梦链的方法

    小李网络公司介绍dedecms网站去掉友情链接中织梦链知识,包括织梦去掉友情链接中“织梦链投放”“织梦链”的方法_织梦58,织梦标签替换站长链免费友链链吧是什么免费快链链友会织梦标签理解...

  • 织梦cms文件目录结构解说

    小李网络公司介绍织梦cms文件目录结构解说知识,包括linux目录结构与功能目录层次结构文件目录结构是什么文件系统的多级目录结构文件结构文件夹目录结构图文档目录怎么生成windows7文件的目...

  • 织梦cms搜索关键词调用的链接修改

    小李网络公司介绍织梦cms搜索关键词修改知识.包括dedecms 织梦搜索关键词调用的链接修改 改掉PLUS目录_织梦58,织梦cms建站教程织梦 建站织梦全站关键词描述dedecms织梦系统织梦自动关键词织梦关...

SEO公司排名
 
QQ在线咨询
SEM竞价推广
137-1296-7640
SEO优化外包
137-1296-7640