在 PHP 中使用 URL 突出显示当前导航选项卡答案

【问题标题】：Hilighting The Current Navigation Tab Using URL in PHP在 PHP 中使用 URL 突出显示当前导航选项卡
【发布时间】：2012-05-30 15:46:13
【问题描述】：

使用 php url 显示当前导航选项卡，带和不带 .php 扩展名

 //php code
function curPageName() {
return substr($_SERVER["SCRIPT_NAME"],strrpos($_SERVER["SCRIPT_NAME"],"/")+1);
}
$Current=curPageName();;
?>

//HTML,CSS

<li id=<?php if ("index.php"==$Current) echo "selected";else echo "";?>>

【问题讨论】：

标签： php html css navigation

【解决方案1】：

相反，我使用类似这样的方法将当前页面作为导航栏中的活动菜单：

把$page = "page_name"放在你的页面中，例如home page，让它成为$page = "home"
现在在一个通用文件中，您的导航栏的 HTML 所在的位置应如下所示：

<li <?php echo ($page == 'home') ? "class='active'" : ""; ?> title="Home Page"><a href="<?php echo BASE_URL; ?>">Home</a></li>
<li <?php echo ($page == 'article') ? "class='active'" : ""; ?> title="Recent articles"><a href="<?php echo BASE_URL; ?>/articles">Articles</a></li>
...
...

样式active类使用CSS来达到想要的效果。

【讨论】：

【解决方案2】：

希望对你有帮助

<?php

    function curPageName() {
    return substr($_SERVER["SCRIPT_NAME"],strrpos($_SERVER["SCRIPT_NAME"],"/")+1);
    }
    $Current=curPageName();

   $nav_tabs=array('home','about','products','contacts');

   foreach($nav_tabs as $nav)
   {
          if($nav == $current)
         {
             echo"<li class='active' > <a href='$nav' > $nav </a></li>";
         }
         else
        {
             echo"<li  > <a href='$nav' > $nav </a></li>";
        }
   }
?>

// 在 CSS 中定义 active 以突出显示选项卡

.active{
background-color:black;
font-white;
}

【讨论】：