2016-09-21 77 views
-1

我正在设计一个有导航页面的网站,我需要动态地改变导航链接的颜色。我正在使用单个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

+0

共享你的代码在此 –

+0

帮助你是什么意思与“头彩”? – andreas

+1

设置一个名为“active”的css类,并在相应的页面上将其设置在相关的选项卡上(推测该页面id是作为GET var传递的)。 – CD001

回答

0

如果您希望活动的导航图标是另一种颜色,你可以动态地在你的PHP文件中添加CSS类(假设你有可能检查页面是否处于活动状态),例如

<li class="<?php echo isActive($yourPage) ? 'active' : ''; ?>">Page 1</li> 

现在,您可以只设置.active在你的CSS:

.active { 
    background: white; 
} 
+0

谢谢安德烈亚斯,但如何检查该特定页面是否处于活动状态?如何使用$ yourPage –

+0

这取决于您的页面如何加载。你使用GET参数来指定页面吗?例如'www.yourpage.de/index.php?page = 1' – andreas

+0

没有。我正在使用代码点火器 –

相关问题