gpt4 book ai didi

php - 包含 PHP 的 CSS 导航

转载 作者:太空宇宙 更新时间:2023-11-04 14:08:47 25 4
gpt4 key购买 nike

我正在制作一个 CSS 导航栏,它存储在名为“includes”的文件夹中。基本上我想要的是,当单击链接时,它会变为事件状态。我用“include('includes/header.php');”链接到这个文件夹

enter image description here

我的 CSS 是:

nav ul li a {
font-size:22px;
color:#fff;
height:67px;
line-height:67px;
text-decoration:none;
min-width:101px;
text-align:center;
float:left;
background: grey;
border-right:1px solid black;}

nav ul li a.current, nav ul li a:hover {padding-bottom:5px;}

header.php的内容是:

<header>
<div class="container">
<nav>
<ul>
<li><a href="index.php">Home</a></li>
<li><a href="services.php">Services</a></li>
<li><a href="#">Blog</a></li>
<li><a href="/forum/index.php">Forums</a></li>
<li><a href="contact.php">Contact</a></li>
<li><a href="#">Account</a></li>
</ul>
</nav>

我如何着手使用此方法,并在单击时激活每个链接?

最佳答案

你可以为标题做这样的事情

<ul>
<li><a <?php if (isThisTheCurrentPage) echo 'class="current"'?> ...>...</a></li>
<li><a <?php if (isThisTheCurrentPage) echo 'class="current"'?> ...>...</a></li>
<li><a <?php if (isThisTheCurrentPage) echo 'class="current"'?> ...>...</a></li>
...
</ul>

有一次我不得不做类似的事情,我通过在每个 php 文件的开头设置一些变量来实现这一点。然后,header.php 必须在 if 语句中测试这些变量。

关于php - 包含 PHP 的 CSS 导航,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20935192/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com