当前位置:首页 > 技术教程>

当前栏目高亮适用于灵动标签 或js

发表日期:2019-08-09 15:48:26文章编辑:池州网站建设浏览次数:7963 标签:    

 最近用帝国搭建了好几个网站,发现有当前栏目要高亮显示,通过网络搜索发现好多是用不了的 最后只能自己搞一个
先说用灵动标签的栏目,灵动标签的当前栏目高亮比较简单

在灵动标签下面加

php开始标签
$liangkli=$bqr[classid];
if($liangkli==$GLOBALS[navclassid]){
echo "dianji";
}
结束标签

很简单 大家还可以简化 我这里就不简化了 意思是如果是当前 栏目就输出一个 dianji  这个点击是个 class

具体就是   <div  class="php开始标签
$liangkli=$bqr[classid];
if($liangkli==$GLOBALS[navclassid]){
echo "dianji";
}
结束标签">当前栏目高亮</div>
这里是class  只在灵动标签下有效  灵动标签首先获取class id 才行

来个完整代码

灵动标签开始符号

    <di  v  class="<?php
$liangkli=$bqr[classid];
if($liangkli==$GLOBALS[navclassid]){
echo "dianji";
}
?>">当前栏目高亮</div>

灵动标签结束符号

代码测试有效 自己加样式 。但是本方法有个弊端 就是只能在灵动标签下使用 那如果不是灵动标签就无法用 最后我选择用js 做。

<script>
var cur_nav = document.getElementById("nav_" +[!--self.classid--]);
cur_nav.className = "menu_a cur";
</script>

如果是当前栏目 就加样式 menu_a cur  同时html代码里面 id nav 比如 产品展示的id 是2 就加 id="nav_2"

 <li><a href="#" class="menu_a"  id="nav_2" >产品展示</a>
刚做的一个网站就是用的这种方法 具体 可看顶部的栏目 http://www.chaoweixiang.com/


通过上述两种方法就可以实现网站 当前栏目 高亮

全站导航

其他新闻

帝国CMS灵动标签调用专题信息

帝国CMS内置的专题调用标签总是不理想,调用不方便,还是灵动标签调用来得方便...

日期:2019-09-14

当前栏目高亮适用于灵动标签 或js

最近用帝国搭建了好几个网站,发现有当前栏目要高亮显示,通过网络搜索发现好...

日期:2019-08-09

HTML5 meta viewport简介

随着移动端的流行,在移动端对网站进行重构和开发势在必行。但是你只有了解了...

日期:2019-07-22

帝国ECMS做站常用代码整理

获取栏目网址:$classurl=sys_ReturnBqClassname($bqr,9);//取得栏目地址 ...

日期:2019-07-22

禁止搜索引擎收录的方法

1. 什么是robots.txt文件?搜索引擎使用spider程序自动访问互联网上的网页并...

日期:2019-07-14

客户案例

池州某信息技术服务公司网站

网站使用的是PC+移动端判断跳转的。主色调为蓝色,突出科技主题,呈现服务宗旨...

日期:2019-06-18

池州某加工生产企业工程公司官方网站

...

日期:2019-05-26

某县生产力促进中心官方网站

...

日期:2019-05-26

广东中山某大型机械工程公司官方网站

这是广东一家大型进出口机械设备制造公司,实力雄厚。网站是响应式的。客户对...

日期:2018-11-06

帝国网站后台登录模板(带动画)

闲来无事,看到一个很漂亮的登录模板,就顺手修改成了帝国CMS7.5的后台登录模板...

日期:2018-11-02