pbootcms模板排序列表切换-无需二开,通过php代码进行判断即可
点击不同选项实现不同的排序效果,切换上下页依旧是当前排序效果
目前测试可以实现 时间/浏览量/点赞量/随机排序 带缩略图/无缩略图
以下是html代码
01<style> 02.order { 03font-size: 18px; 04color: #000; 05padding: 10px 20px; 06background: #fff; 07border-bottom: 1px solid #f1f1f1; 08} 09.order a { 10height: 30px; 11line-height: 30px; 12font-size: 14px; 13color: #333; 14margin-right: 10px; 15padding: 0 15px; 16display: inline-block; 17text-align: center; 18border-radius: 15px; 19background: #f1f1f1; 20border: 1px solid #e3e3e3; 21} 22.order a:hover { 23background: #e1e1e1; 24} 25.order a.active { 26color: #fff; 27background: red; 28} 29</style> 30<h3 class="order"> 31排序:<a href="?id=date"<?php $id=$_GET['id']; if($id=== "date") {echo'class=active';} else{}?>>时间</a> 32<a href="?id=visits"<?php $id=$_GET['id']; if($id=== "visits") {echo'class=active';} else{}?>>浏览量</a> 33<a href="?id=likes"<?php $id=$_GET['id']; if($id=== "likes") {echo'class=active';} else{}?>>点赞量</a> 34<a href="?id=random"<?php $id=$_GET['id']; if($id=== "random") {echo'class=active';} else{}?>>随机</a> 35<a href="?id=ico"<?php $id=$_GET['id']; if($id=== "ico") {echo'class=active';} else{}?>>带图</a> 36<a href="?id=noico"<?php $id=$_GET['id']; if($id=== "noico") {echo'class=active';} else{}?>>无图</a> 37</h3> |
PbootCMS列表循环代码
查看源码打印代码帮助 1{pboot:list scode={sort:scode} num=10 page=1 <?php $id=$_GET['id']; if($id=== "date") {echo'order=date';} elseif($id=== "visits") {echo'order=visits';} elseif($id=== "likes") {echo'order=likes';} elseif($id=== "random") {echo'order=random';} elseif($id=== "ico") {echo'isico=1';} elseif($id=== "noico") {echo'isico=0';}?>} 2<li> 3<a href="[list:link]"title="[list:title]">[list:title]</a> 4</li> 5 6{/pboot:list} |
上一篇:PbootCMS二开修改网站标题显示方式,去掉副标题
郑重声明:
本站所有内容均由互联网收集整理、网友上传,并且以计算机技术研究交流为目的,仅供大家参考、学习,不存在任何商业目的与商业用途。
若您需要商业运营或用于其他商业活动,请您购买正版授权并合法使用。
我们不承担任何技术及版权问题,且不对任何资源负法律责任。
如无法下载,联系站长索要。
如有侵犯您的版权,请给我们来信:cainiaovip8@qq.com,我们尽快处理。