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

Posted 2023-04-13

【中文标题】在 PHP 中使用 URL 突出显示当前导航选项卡

【英文标题】：Hilighting The Current Navigation Tab Using URL in PHP

【发布时间】：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 "";?>>

【参考方案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;