小李SEO博客

网站优化服务

帝国CMS导航栏js高亮当前栏目,使用JS方法修改改造。

高亮显示导航栏代码,通用方式,包括所在内容页
看了下论坛,大家基本使用的是灵动标签来实现当前栏高亮,我这个方法是根据js来实现的。如果需要你就试下吧

方法如下,大家可以举一反三,其实是很简单的修改:

<div class="header">
<ul class="menu mct" id="navi">
<li><a href="/">首页</a></li>
<li><a href="/wangluodongtai/">网络动态</a></li>
<li><a href="/youhuajiqiao/">优化技巧</a></li>
<li><a href="/huozaidangxia/">活在当下</a></li>
<li><a href="/woaibiancheng/">我爱编程</a></li>
<li><a href="/xiaojiqiao/">小技巧</a></li>
<li><a href="/hulianwangwen/">互联网文</a></li>
</ul>
</div>
<script type="text/javascript" language="javascript">
var nav = document.getElementById("navi");
var links = nav.getElementsByTagName("li");
var lilen = nav.getElementsByTagName("a"); //判断地址
var currenturl = document.location.href;
var last = 0;
for (var i=0;i<links.length;i++)
{
var linkurl = lilen[i].getAttribute("href");
if(currenturl.indexOf(linkurl)!=-1)
{
last = i;
}
}
links[last].className = "menufirst"; //高亮代码样式
</script>

说明: <ul class="menu mct" id="navi"> 中的ID值(id="navi")要和 var nav = document.getElementById("navi"); 中的想同,即在js中获取id="navi" 值,这个值要唯一,不能跟其它CSS或JS代码中ID同名,或者自己改成别的名字。

links[last].className = "menufirst"; 这一句中的 menufirst 为你的高亮样式。

-------------------------------------------------------------------------
例如:

<div id="main-nav"><div class="wrap cf">
<ul id="navi3" class="menu"><li ><a href="[!--news.url--]">首页</a></li>
[e:loop={"select classname,classpath from [!db.pre!]enewsclass where bclassid=58 order by classid ",0,24,0}]
<li><a href="<?=$public_r[newsurl]?><?=$bqr[classpath]?>"><?=$bqr[classname]?></a></li>
[/e:loop]
</ul></div>
<script type="text/javascript" language="javascript">
var nav = document.getElementById("navi3");
var links = nav.getElementsByTagName("li");
var lilen = nav.getElementsByTagName("a"); //判断地址
var currenturl = document.location.href;
var last = 0;
for (var i=0;i<links.length;i++)
{
var linkurl = lilen[i].getAttribute("href");
if(currenturl.indexOf(linkurl)!=-1)
{
last = i;
}
}
links[last].className = "current-menu-item"; //高亮代码样式
</script>
上一篇:帝国CMS调用发布者所有文章列表的两种方法!包含高级应用! 下一篇:帝国CMS[带模板的栏目导航标签]支持栏目别名调用修改方法
相关帝国cms文章阅读
  • 帝国cms列表页获取父级栏目地址以及获取父级栏目下所有子栏目

    两种方法,推荐第二种! 第一种方法 div class=catleader minicat ul class=sub-category ?php $bclassid = $class_r[$GLOBALS[navclassid]][bclassid]; //获取当前父栏目ID $cr[classid]=$class_r[$GLOBALS[navclassid]][bclassid]; $bclassurl...

  • 帝国CMSIP禁止了管理自己也无法访问解决办法

    突然发现自己的帝国CMS无法访问了,而且其它地方都不能访问了,也就是禁止所有的 IP 访问了,但是后台设置IP禁止的时候,后面加了空格或者换行了. 1. 如果是不能访问自己的网站,问题一般...

  • 帝国CMS前台投稿编辑器上传图片自动添加水印方法

    帝国CMS后台有水印功能,可以在后台参数设置中设置水印图片,但不支持前台。前台编辑器不支持水印功能。使用以下方法即可实现: 以最新版帝国CMS7.0 utf-8 为例: 1、打开e/class/qinfofun.php 文...

  • 帝国CMS下载不采用弹出窗口式使用直接下载方式教程

    帝国CMS默认的下载地址是弹出小窗口式下载,通过本教程可以改成直接打开新网页里下载,以及直接下载方式。 原弹出式方式下载代码: a href=#edown onclick=window.open('!---down.url--]','','width=300,he...

  • 帝国CMS灵动标签调用包含指定短语关键词关键字的文章写法!

    第一种:通过查询SQL语句的方法! [e:loop={select * from phome_ecms_news where title like '%墨鱼部落格%' order by newstime desc limit 10,10,24,0}] a href=?=$bqsr[titleurl]? target=_blank?=$bqr[title]?/abr [/e:loop] 第二种:默认灵...

  • 帝国cms火车头采集入库发布设置方法

    小李网络公司介绍帝国cms火车头采集入库发布设置方法知识,包括帝国火车头发布帝国cms火车头采集火车头采集高级火车头发布在原来数据的后面苹果cms火车头采集入库火车头采集影视入库火车...

  • 帝国CMS跳过选择会员类型直接注册方法

    帝国CMS因允许多用户组注册,所以在注册页面会有一个选择注册用户组的界面,即使网站只用了一个用户组也会出现。 如果想去掉这个页面,直接进入注册页面,那么可按以下办法修改 打开...

  • 帝国CMS&amp;#091;!--list.pageno--]当前分页号改造(动态+静态)

    !--list.pageno--]显示第X页,在/e/class/functions.php,改成$string=str_replace('!--list.pageno--]',($pagenum==1?'':'_第'.$pagenum.'页'),$string); 动态的改e/action/ListInfo/index.php...

  • 帝国CMS小说模型创建教程和使用!

    小说网站结构跟问答一样。 小说网站栏目: 玄幻小说、小说章节 表结构: 小说栏目一个表,小说章节一个表 新建两个数据表: 小说名称表(保存小说名,小说图片,作者,小说状态等信息...

  • 帝国CMS让标签参数支持系统变量

    2、让标签参数支持系统变量 让标签参数支持系统变量说明:以实现按各种条件调用信息数据。 根据 程序扩展变量的说明 得出我们可以在标签参数中直接使用字段值数组变量。 例如:我们要列...

  • 帝国CMS7.0商城颜色尺码属性功能设置

    帝国CMS7.0商城功能已经支持尺码颜色等属性的选择了。 1.开启购物车支持附加属性 后台-商城-商城参数设置 2.系统模型中增加字段(字段名请随意,本文中使用的是cc_x) 3.尺码的录入 英文半角...

  • 帝国CMS制作字母导航功能

    也许你想制作像58同城网城市分站一样的字母导航功能, 帝国CMS当然是可以实现的。 增加infozm字段,infozm为取得标题字母的字段,只需将字段设置为录入项或投稿项,增加或修改信息时自动存...

SEO公司排名
 
QQ在线咨询
SEM竞价推广
137-1296-7640
SEO优化外包
137-1296-7640