帝国cms使用js+css实现当前栏目高亮效果的方法
<p>帝国cms使用js+css实现当前栏目高亮效果的解决方法如下:</p>
<p>
1.<strong>模板页面部分</strong>加入如下代码:</p>
<p>
</p>
<div>
代码如下:</div>
<div id="phpcode5">
<li><a id="nav_[!--id--]" href="[!--class.url--]#">link</a></li></div>
<p>
</p>
<p>
2.<strong>js部分代</strong>码如下:</p>
<p>
</p>
<div>
代码如下:</div>
<div id="phpcode6">
<script><br>
var cur_nav = document.getElementById("nav_" + [!--self.id--]);<br>
cur_nav.className = "cur";<br>
</script></div>
<p>
</p>
<p>
3.<strong>css部分</strong>代码如下:</p>
<p>
</p>
<div>
代码如下:</div>
<div id="phpcode7">
<style><br>
#nav ul li a.cur {<br>
color:#FFF;<br>
background:#000;<br>
}<br>
</style></div>
<p>
</p>
<p>
<font color="#0000ff">用户还可以根据自己的喜好调整css样式,来达到自己满意的效果!</font></p>
頁:
[1]