小李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模板内容关键字加粗加背景色修改方法

    关键字的class在 e/class/functions.php,搜索 function ReplaceKey 或 class=infotextkey 找到后在自己css文件中定义这个(class=infotextkey)css 样式如: .infotextkey {font-size:14px;font-weight:bold;background:#93FF93;} 14号字...

  • 帝国CMS-百度编辑器ueditor代码高亮效果前台不显示的解决方法

    使用百度编辑器,后台编辑信息添加代码正常高亮,但是网站前台却不高亮。 这是因为前台没有引用相关CSS文件的原因。 帝国CMS只需在内容模板引用以下文件即可: link href=/e/data/ecmseditor/ue...

  • 帝国CMS-sitemap插件下载

    本插件适用于帝国CMS的版本如下:(支持各编码版本) EmpireCMS 7.0及以上版本 EmpireCMS 6.6 EmpireCMS 6.5 EmpireCMS 6.0 ----------------------------------------------------------------------------- 插件名称:帝国CMS-sitem...

  • 帝国CMS列表模板list.var如果信息没有图标就留空的技巧

    帝国CMS在列表页中,只要信息没有标题图片,就不显示,有标题图片才显示,这样没标题图片的情况下,就不会显示一个X框框。 list.var中勾选 使用程序代码 示例代码: if(empty($r[titlepic])){$r[...

  • 帝国CMS栏目自定义字段说明教程

    栏目属性自定义字段功能:在系统支持信息属性自定义字段的基础上,6.6版又新增了栏目属性自定义字段功能,让灵活系统更灵活。 一、增加栏目字段 1、登录后台,单击 栏目菜单,选择 栏目...

  • 帝国CMS首页调用已注册会员人数和最新会员名称

    首页调用已注册会员人数和最新会员名称 ?php $members=$empire-gettotal(select count(*) as total from {$dbtbpre}enewsmember);$newmember=$empire-fetch1(select userid,username from phome_enewsmember order by userid desc limit 1);? 会员总...

  • 帝国CMS两种方法实现点击更换网站验证码

    两种方法实现点击更换网站验证码 今天分享的这个 点击更换任何验证码 适用于 帝国CMS各版本 以及 其它网站 。 方法一:直接点击图片更换验证码 img src=../../ShowKey/?v=reg name=regKeyImg id=regKeyIm...

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

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

  • 帝国CMS标签调用的附加SQL条件和排序参数

    附加SQL条件和排序参数介绍: 帝国CMS6.5以上版本在原来所有信息调用标签基础上增加了两个标签参数:附加SQL条件和显示排序。 支持这两个参数的标签有如下: ecmsinfo、灵动标签、phomenews、...

  • 帝国CMS无刷新加入购物车

    如淘宝一般,点击加入购物车直接提示加入购物车成功,而不刷新商品页面更不会打开新窗口。 使用方法: 1.修改商城内容模板或列表模板 加入代码如下代码: script src=?=$public_r[newsurl]?e/tryli...

  • 帝国CMS自定义列表的排序newstime(时间)、onclick(点击或浏览)、plnum(评论)、diggtop、r

    统计记录: select count(*) as total from [!db.pre!]ecms_movie 查询记录: select * from [!db.pre!]ecms_movie order by id desc 注释:[!db.pre!]ecms_movie 为数据表类型(movie是电影数据表) desc - 降序排列 ASC - 升序排列 id...

  • 帝国cms运算式验证码(多种方案)

    感谢帝国CMS论坛:liangguanyu 提供! 用腻了原版的字母+数字组合的验证码,那就试试帝国cms加减法运算验证码,支持所有页面的验证,至少支持7.0以上帝国cms utf8版本(6.6没安装所以就没试过)...

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