当链接被点击时改变颜色 - changing colors when link is clicked

changing colors when link is clicked

本文关键字：改变变颜色链接 | 更新日期: 2023-09-27

如果我有一个菜单设置在标题，我使用我的大多数页面为"include/header.php"我如何设置，所以当我点击一个链接，它去到那个页面，该链接改变颜色(并显示为活动)?jquery会好吗?或PHP吗?

谢谢!

您可以使用PHP通过比较当前按钮的URL和$_GET的当前页面URL来添加一个类。在不知道你的URL结构的情况下，我不能说更多。

例如，使用包含按钮文本和url的数组:

$links = array('Home' => 'home', 'About' => 'about');
foreach($links as $text => $page)
{
    if($_GET['page'] == $page)
    {
        echo '<a href="/index.php?page=' . $page . ' class="current">' . $text . '</a>';
    }
    else
    {
        echo '<a href="/index.php?page=' . $page . '>' . $text . '</a>';
    }
}

这段代码将添加一个类current的按钮谁的页面匹配的值在$_GET。这可能不完全符合您的需求，因为您可能有不同的URL结构，但它给出了如何做到这一点的基本解释和示例。

使用php，您可以在包含之前编写一个函数，如下所示

function activeLink ($page) {
    if ($page = 'home') echo ' class="active"';
    elseif ($page = 'about') echo ' class="active"';
    elseif ($page = 'posts') echo ' class="active"';
}

在头文件中，

echo '<a href="#"' . activeLink($page) . '>Home</a>
<a href="#"' . activeLink($page) . '>About</a>
<a href="#"' . activeLink($page) . '>Posts</a>';

在你的实际页面;

$page = 'home';
include('header');