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

2022-01-10 00:00:00 navigation php html css

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

Hilighing the current navigation tab using php url ,with and with out .php Extension

 //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

    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 以突出显示选项卡

// in CSS define active to highlight the tab

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

相关文章