帝国cms使用js+css实现当前栏目高亮效果的方法
发布时间：2014-07-10 11:54:43 作者：佚名 
我要评论
我要评论这篇文章主要为大家介绍了帝国cms使用js+css实现当前栏目高亮效果的方法,对于进行帝国CMS模板的开发非常有用！需要的朋友可以参考下
帝国cms使用js+css实现当前栏目高亮效果的解决方法如下：
1.模板页面部分加入如下代码:
复制代码
代码如下:<li><a id="nav_[!--id--]" href="[!--class.url--]#">link</a></li>
2.js部分代码如下:
复制代码
代码如下:<script>
var cur_nav = document.getElementById("nav_" + [!--self.id--]);
cur_nav.className = "cur";
</script>
var cur_nav = document.getElementById("nav_" + [!--self.id--]);
cur_nav.className = "cur";
</script>
3.css部分代码如下:
复制代码
代码如下:<style>
#nav ul li a.cur {
color:#FFF;
background:#000;
}
</style>
#nav ul li a.cur {
color:#FFF;
background:#000;
}
</style>
用户还可以根据自己的喜好调整css样式，来达到自己满意的效果！
相关文章
- 这篇文章主要为大家介绍了帝国CMS实现循环调用子栏目的方法,对于模板的开发与制作很有借鉴价值,需要的朋友可以参考下2014-07-09
- 有部分帝国CMS用户在新建了几个栏目，或者是更新栏目关系后更新数据再刷新页面都没有反应，不知如何解决。这篇文章主要为大家介绍了帝国cms建立栏目后更新没有反应的解决办2014-06-13
- 帝国ecms6.0后已经无法用[!--class.classimg--]直接调用栏目缩略图了，现在只有用灵动或者万能标签才能调用，实现代码如下2020-01-30
- 这篇文章主要为大家分享下帝国cms相关链接无内容时调用当前栏目最热信息的方法，需要的朋友可以参考下2013-12-13
- 这篇文章主要为大家分享下帝国cms栏目列表模板获取同级栏目的方法，需要的朋友可以参考下2013-12-12
- 帝国cms 二级域名绑定栏目的最完美的解决方案，需要绑定二级域名的朋友可以参考下。2011-11-10
- 这篇文章主要为大家介绍了帝国cms万能标签实现标题截取后自动加入省略号的方法,非常实用,需要的朋友可以参考下2014-07-10
- 这篇文章主要为大家介绍了帝国cms实现会员注册之后根据所在会员组转向的方法,对于开发会员系统来说非常有借鉴价值,需要的朋友可以参考下2014-07-10
- 这篇文章主要为大家介绍了帝国CMS实现内容页调用当前会员信息及文章信息的方法,对于进行会员系统的开发来说很有借鉴价值！需要的朋友可以参考下2014-07-09
- 这篇文章主要为大家介绍了帝国CMS功能解密之字段处理函数,对于帝国CMS的二次来说非常重要,需要的朋友可以参考下2014-07-09
最新评论