效果图

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

加载更多按钮

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

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

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

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