使< li>包括使用PHP和CSS [英] Make <li> active with includes using PHP and CSS
本文介绍了使< li>包括使用PHP和CSS的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
我使用这些文件作为我的网站的基础:
I use these files as base for my website:
menu.php
:
$p = $_GET['p'];
switch($p)
{
case "home":
$p = "page/home.php";
break;
case "customers":
$p = "page/customers.php";
break;
default:
$p = "page/home.php";
break;
}
<ul id='nav'>
<li>Title</li>
<ul>
<li class="nav active"><a href="?p=home">Home</a></li>
<li><a href="?p=customers">Customers</a></li>
</ul>
</ul>
default.php
:
<body>
<div id='navcontainer'>
<?php include ("menu.php"); ?>
</div>
<div id='content'>
<?php include ($p); ?>
</div>
style.css
:
#navcontainer {margin:0; padding:0; width:220px;float:left;}
#nav li {background:#36393D; color:#fff; padding:5px 3px 5px 20px; margin:4px;border-left:5px solid #3F4C6B;}
#nav ul li{display:block; padding:3px; background:#fff; color:#000;border:none; padding:3px 0 3px 30px;}
#nav ul li:hover, #nav ul li.active {background:#eee; cursor:pointer; border-left:5px solid #4096EE;padding:3px 0 3px 25px;}
#nav ul li a {text-decoration:none; color:#000;}
home.php
和所有网页:
<p>Hello world!</p>
我想知道是否可以得到我的 menu.php
在< li>
项目上根据当前访问的页面将类切换到 nav active
。
I wonder if it is possible to get my menu.php
to switch class to nav active
on the <li>
items based on what page is currently visited.
任何想法?
推荐答案
创建一个额外的变量
<?php
$p = $_GET['p'];
$currentPageId = 0;
switch($p)
{
case "home":
$p = "page/home.php";
$currentPageId = 1;
break;
case "customers":
$p = "page/customers.php";
$currentPageId = 2;
break;
default:
$p = "page/home.php";
$currentPageId = 1;
break;
}
?>
<ul id='nav'>
<li>Title</li>
<ul>
<li <?php if($currentPageId == 1) { echo 'class="nav active"'; } ?> ><a href="?p=home">Home</a></li>
<li <?php if($currentPageId == 2) { echo 'class="nav active"'; } ?> ><a href="?p=customers">Customers</a></li>
</ul>
</ul>
这篇关于使< li>包括使用PHP和CSS的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文