网站地图    收藏   

主页 > 后端 > 帝国cms难点 >

帝国cms使用js+css实现当前栏目高亮效果的方法_帝

来源:自学PHP网    时间:2014-09-27 19:03 作者: 阅读:

[导读] 这篇文章主要为大家介绍了帝国cms使用js+css实现当前栏目高亮效果的方法,对于进行帝国CMS模板的开发非常有用!需要的朋友可以参考下...

这篇文章主要为大家介绍了帝国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>

3.css部分代码如下:


复制代码
代码如下:
<style>
#nav ul li a.cur {
color:#FFF;
background:#000;
}
</style>

用户还可以根据自己的喜好调整css样式,来达到自己满意的效果!

自学PHP网专注网站建设学习,PHP程序学习,平面设计学习,以及操作系统学习

京ICP备14009008号-1@版权所有www.zixuephp.com

网站声明:本站所有视频,教程都由网友上传,站长收集和分享给大家学习使用,如由牵扯版权问题请联系站长邮箱904561283@qq.com

添加评论