如何在php中突出显示当前菜单项

时间:2018-10-30 09:31:51

标签: php html css

这是header.php文件的一部分。如果我在header.php中创建一个菜单导航,并将其包含在网站的每个页面中,如果我可以在页面上显示的全部内容为include(“ header.php”),该如何突出显示当前页面?请帮我解决这个问题。

感谢和问候

<div class="form-inline" id="myDIV">
       <ul class="social-icons">
        <li class="new-link"><a href="#">Home</a></li>
        <li class="new-link"><a href="#">About Us</a></li> 
        <li class="new-link"><a href="#">Parties</a></li> 
        <li class="new-link"><a href="#">Candidates</a></li>
        <li class="new-link"><a href="#">News</a></li>
        <li class="new-link"><a href="#">Contact Us</a></li>
        <li class="sign-in new-link"><a href="#">Login </a></li>
        <span> / </span>
        <li class="new-link"><a href="#"> Register</a></li>
      </ul>
</div>

3 个答案:

答案 0 :(得分:2)

尝试一下:

home.php

$home_active = 'active';

about.php

$about_active = 'active';

parties.php

$parties_active = 'active';

菜单:

<div class="form-inline" id="myDIV">
       <ul class="social-icons">
        <li class="new-link <?php echo $home_active ?>"><a href="#">Home</a></li>
        <li class="new-link <?php echo $about_active ?>"><a href="#">About Us</a></li> 
        <li class="new-link <?php echo $parties_active ?>"><a href="#">Parties</a></li> 
      </ul>
</div>

答案 1 :(得分:0)

在每个if标签中的<li>条件下添加

<li class="new-link <?php if($args[2] == 'home.php') { echo "active"; } ?> " >
    <a href="home.php">Home</a>
</li>

答案 2 :(得分:0)

获取当前脚本名称:

$active_page = basename($_SERVER['SCRIPT_NAME']); 

为活动页面更新菜单项:

<li class="new-link <?php if( $active_page == 'home.php') {?> active <?php  } ?> "   ><a href="#">Home</a></li>

active类添加CSS,并具有突出显示效果。