php - 基于当前页面突出显示链接(动态导航 PHP)

Question

这对某些人来说可能很容易，但我尝试了各种方法让它工作但无济于事。

这是一个简介；

我有一个页面，我在该页面中有链接，单击这些链接会加载其他页面，但会在同一页面中显示它们。

    <section class="posts-header">
    <div class="col span-3-of-3">
    <ul class="posts-nav" id="navigation">
    <li><a href="blog_admin_posts.php?source=view_all_posts">View Posts</a></li>
    <li><a href="blog_admin_posts.php?source=view_posts">View Posts</a></li>
    <li><a href="blog_admin_posts.php?source=add_posts">Create Post</a></li>
    </ul>
    </div>
    </section>

上面的代码显示了链接，当点击时，使用 $_GET 将变量传递给下面的 switch 语句；

if(isset($_GET['source'])) {
$source = $_GET['source'];}

switch($source) {
case 'view_posts';
    include "php/blog_posts_view.php";
    break;

case 'view_all_posts';
    include "php/blog_posts_reviewer.php";
    break;

case 'add_posts';
    include "php/blog_posts_addform.php";
    break;

case 'edit_posts';
    include "php/blog_posts_editform.php";
    break;

default:
    include "php/blog_posts_view.php";
    break;}

如何突出显示当前页面？使用 html、js、css3 或全部。谢谢。

Answer 1

你可以在 CSS 中定义一个 active 类，它描述了一个事件链接的样式。比如一个很简单的样式:

.active {
    color: red;
}

然后你必须修改你的菜单:

<section class="posts-header">
    <div class="col span-3-of-3">
        <ul class="posts-nav" id="navigation">
            <li><a href="blog_admin_posts.php?source=view_all_posts"<?=$_GET['source'] == "view_all_posts" ? " class=\"active\"" : ""; ?>>View Posts</a></li>
            <li><a href="blog_admin_posts.php?source=view_posts"<?=$_GET['source'] == "view_posts" ? " class=\"active\"" : ""; ?>>View Posts</a></li>
            <li><a href="blog_admin_posts.php?source=add_posts"<?=$_GET['source'] == "add_posts" ? " class=\"active\"" : ""; ?>>Create Post</a></li>
        </ul>
    </div>
</section>

事件菜单链接文本现在应显示为红色。