如何动态更改导航链接的颜色?
我正在设计一个有导航页面的网站,我需要动态地改变导航链接的颜色。我正在使用单个header.php如何动态更改导航链接的颜色?
例如,如果我在页面1中,页面1的页眉颜色应该改变。 (描绘处于活动状态;请参考图片。)
https://drive.google.com/file/d/0B2o0t-K8UsOaN2JZcmxxMXoyaEk/view?usp=drivesdk
https://drive.google.com/file/d/0B2o0t-K8UsOaTDh3ajFWZERFZ0U/view?usp=drivesdk
如果您希望活动的导航图标是另一种颜色,你可以动态地在你的PHP文件中添加CSS类(假设你有可能检查页面是否处于活动状态),例如
<li class="<?php echo isActive($yourPage) ? 'active' : ''; ?>">Page 1</li>
现在,您可以只设置.active
在你的CSS:
.active {
background: white;
}
谢谢安德烈亚斯,但如何检查该特定页面是否处于活动状态?如何使用$ yourPage –
这取决于您的页面如何加载。你使用GET参数来指定页面吗?例如'www.yourpage.de/index.php?page = 1' – andreas
没有。我正在使用代码点火器 –
共享你的代码在此 –
帮助你是什么意思与“头彩”? – andreas
设置一个名为“active”的css类,并在相应的页面上将其设置在相关的选项卡上(推测该页面id是作为GET var传递的)。 – CD001