php - 突出显示选定的选项卡

Question

我已经搜索过，但找不到令我满意的答案，所以我有一个 header 文件，它包含在每个页面的顶部， header 的一部分是一个带有 3 个选项卡的菜单，当用户单击选项卡浏览器时将它们带到该页面(工作正常)，我想要的是，那是什么加载该页面时，用户单击的每个选项卡都会突出显示(不同的背景颜色)。

这是 html :

<div id="top-choicebar">
       <ul id="topmenu">
             <li><a href="daily.php" class="ww"  >Daily</a></li>
             <li>< href="weekly.php" class="ww">Weekly</a></li>
             <li>< href="monthly.php" class="ww">Monthly</a></li>
       </ul>

 <div id="event-menu">

php 和 jquery 新手...任何帮助将不胜感激

Answer 1

您可以通过 CSS 和条件类来做到这一点。

<a href="weekly.php" class="<?= stripos($_SERVER['PHP_SELF'], 'weekly.php') ? 'selected' : ''?>">Weekly</a>
<a href="monthly.php" class="<?= stripos($_SERVER['PHP_SELF'], 'monthly.php') ? 'selected' : ''?>">Monthly</a>