您好,我正在尝试使我的导航栏在 php 中处于活动状态,以便用户可以知道他们所在的页面。我是php新手,对它了解不多。那么如何在此代码中添加 class="active" 来创建活动导航栏并在同一 index.php 页面中显示所有页面。
<a href="?page=home"> Home</a></br>
<a href="?page=news"> News</a></br>
<a href="?page=about"> About</a></br>
<a href="?page=contact"> Contact</a></br>
<?php
if (!isset($_GET['page'])) {
include "home.php";
} else {
switch ($_GET['page']) {
case "home":
include "home.php";
break;
case "news":
include "news.php";
break;
case "about":
include "about.php";
break;
case "contact":
include "contact.php";
break;
default:
include "home.php";
};
}
?>
创建菜单项数组,然后使用foreach
循环动态生成菜单。
这样,当您向数组添加新项目时,它们将显示在菜单中:
<html>
<head>
<title>Website</title>
<style type="text/css" media="screen">
.active {
font-weight: bold;
}
</style>
</head>
<body>
<?php
// This is your menu
$items = array("home", "news", "about", "contact");
foreach ($items as $item)
{
if (isset($_GET['page']) && $_GET['page'] == $item)
{
echo '<a href="?page=' . $item . '" class="active"> ' . $item . '</a></br>';
$activePage = $item . ".php";
}
else
{
echo '<a href="?page=' . $item . '"> ' . $item . '</a></br>';
}
}
// Include your page
if (isset($activePage))
{
include $activePage;
}
else
{
include "home.php";
}
?>
</body>
</html>
您应该用此代码替换所有代码并尝试一下。使用循环来减少需要编写的冗余标记量不仅是DRY http://en.wikipedia.org/wiki/Don%27t_repeat_yourself但将来会为您节省很多时间!
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)