帝国模板之家为广大用户提供专业、一站式建站服务。

帝国cms教程

帝国cms教程栏目,提供精品建站,仿站,二次开发,安装,标签使用等图文教程,帮助建设和管理好你的帝国cms站点。

当前位置:首页 > 教程 > 帝国cms教程 > 正文

帝国cms灵动标签当前子栏目高亮显示

帝国模板之家 2020-08-20 帝国cms教程 评论

栏目高亮显示,可以增加网站的用户体验,帝国cms栏目高亮如何实现呢?下面给大家分享两种方法,都是基于灵动标签来实现的。

方法一:其中hover为当前栏目判断CSS高亮样式!

[e:loop={"select classname,classpath,classid from phome_enewsclass where bclassid='".$class_r[$GLOBALS[navclassid]][bclassid]."' and showclass=0 order by classid ",0,24,0}]
<?php
$class="";
if($bqr[classid]==$GLOBALS[navclassid])
{
$class='hover';
}
?>
<a href="<?=$bqsr[classurl]?>" class="<?=$class?>"><?=$bqr[classname]?></a>
[/e:loop]

方法二:配合js来实现

[e:loop={"select classname,classpath,classid from phome_enewsclass where bclassid='".$class_r[$GLOBALS[navclassid]][bclassid]."' order by myorder,classid desc ",0,24,0}]
<?php   $classurl=sys_ReturnBqClassname($bqr,9);//取得栏目地址   ?>
<li class="" id="cid<?=$bqr[classid]?>"><a href="<?=$classurl?>"><?=$bqr[classname]?></a></li>
[/e:loop]
<script>var changeclass=window.document.getElementById('cid[!---self.classid--]');changeclass.className='on';</script>

以上就是帝国cms灵动标签当前子栏目高亮显示的两种方式。

这世上无忧无虑的人,反而相对寿命会长点。

已有 位小伙伴发表了看法

欢迎 发表评论

  • 匿名发表

关于

帝国cms模板

网页插件

帝国模板之家 | www.moyouyouw.cn

本站所有模板/文章除标明原创外,均来自网络转载,版权归原作者所有,如果有侵犯到您的权益,请联系站长删除,谢谢! 寻找帝国cms模板首选帝国模板之家,用心做站,上线至今广受好评,值得信赖!

  • 交流群1:帝国cms交流群1
  • 交流群2:帝国cms交流群2
在线QQ 给我留言