Question

我为我的网站创建了一个header.php。对于我的菜单，我创建了5个按钮。当我按下一个按钮时，它会将我重定向到与之关联的页面上。到现在为止一切都很好。

我想要的是，在当前页面上，与其关联的页面的按钮会变为其他颜色或背景图像。

我不知道我们是否可以这样做，如果我能很好地解释自己。

这里是我的header.php

<div id="main_menu">
    <div id="menu_blog"><button onclick="location.href='blog.html'"><h1>Trucs/Astuces</h1></button></div>
    <div id="menu_contact"><button onclick="location.href='/contact.php'"><h1>Contact</h1></button></div>
    <div id="menu_soumission"><button onclick="location.href='/soumission.php'"><h1>Soumission</h1></button></div>
    <div id="menu_realisation"><button onclick="location.href='/realisations.php'">
    <h1>Réalisations</h1></button></div>
    <div id="menu_service"><button onclick="location.href='/services.php'">
    <h1>Services</h1></button></div>
    <div id="menu_a_propos"><button onclick="location.href='/a_propos.php'"><h1>L'entreprise</h1></button></div>
</div>

Answer 1

简单的方法是使用CSS

#yourbutton:hover{
 background-color: red;
 }

或

 #yourbutton:active{
  background-color: red;
 }

Answer 2

为每个链接传递GET值

<div id="menu_contact"><button onclick="location.href='/contact.php?active=1'"><h1>Contact</h1></button></div>

检查按钮中的活动值

< button <?php if ($_GET['active']==1) echo 'class="active"'; ?> ..../>

然后为活动类

创建一个css样式

.active{

  /*your style here*/
}

Answer 3

您的PHP页面：

<div id="main_menu">
    <div id="menu_blog">
        <button onclick="location.href='/blog.html'" <?php if($_SERVER['REQUEST_URI'] == '/blog.html'){echo 'class="currentPage"'; }?>>
            <h1>Trucs/Astuces</h1>
        </button>
    </div>
    … and so on for each menu item ...
</div>

你的CSS：

button.currentPage{
    background-color: red;
}

Answer 4

简短版本：

将$ current_location添加到每个页面并在其后面命名

<?php
$current_location = "a_propos" ;
?>

检查位置是否正确，然后更改背景颜色

<div id="main_menu">
  <div id="menu_a_propos"><button <?php if ($current_location == "a_propos");?> style=" background-color: red;"<?php };?> onclick="location.href='/a_propos.php'"><h1>L'entreprise</h1></button></div>
</div>

标题菜单php中的按钮

4 个答案: