沈阳的小布熊 發表於 2023-7-23 00:00:00

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

<p>
帝国cms使用js+css实现当前栏目高亮效果的解决方法如下:</p>
<p>
1.<strong>模板页面部分</strong>加入如下代码:</p>
<p>
 </p>
<div>

代码如下:</div>
<div id="phpcode5">
&lt;li&gt;&lt;a id="nav_[!--id--]" href="[!--class.url--]#"&gt;link&lt;/a&gt;&lt;/li&gt;</div>
<p>
 </p>
<p>
2.<strong>js部分代</strong>码如下:</p>
<p>
 </p>
<div>

代码如下:</div>
<div id="phpcode6">
&lt;script&gt;<br>
var cur_nav = document.getElementById("nav_" + [!--self.id--]);<br>
cur_nav.className = "cur";<br>
&lt;/script&gt;</div>
<p>
 </p>
<p>
3.<strong>css部分</strong>代码如下:</p>
<p>
 </p>
<div>

代码如下:</div>
<div id="phpcode7">
&lt;style&gt;<br>
#nav ul li a.cur {<br>
color:#FFF;<br>
background:#000;<br>
}<br>
&lt;/style&gt;</div>
<p>
 </p>
<p>
<font color="#0000ff">用户还可以根据自己的喜好调整css样式,来达到自己满意的效果!</font></p>
頁: [1]
查看完整版本: 帝国cms使用js+css实现当前栏目高亮效果的方法