织梦ajax加载文章列表,织梦首页列表页,ajax加载更多,瀑布流,首页多栏目切换

2023-05-16

效果图

e56201dca916559dd7e0f4745c98a5ec.png

(此图片来源于网络,如有侵权,请联系删除! )

加载更多按钮

1859817e8739562c3bf058372d8dc528.png

(此图片来源于网络,如有侵权,请联系删除! )

一,模板上要引入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 ;}

  • 全部
  • 商会

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

[field:title/]

var __dedeqrcode_id=1;

var __dedeqrcode_aid=[field:id/];

var __dedeqrcode_type='arc';

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

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

有问题可以加入织梦技术QQ群一起交流学习

本站vip会员 请加入织梦58 VIP②群 PS:加入时备注用户名或昵称

普通注册会员或访客 请加入织梦58 技术交流②群

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

织梦ajax加载文章列表,织梦首页列表页,ajax加载更多,瀑布流,首页多栏目切换 的相关文章

随机推荐