Php 如何激活菜单_Php_Jquery_Html_Css

Php 如何激活菜单

php jquery html css

Php 如何激活菜单,php,jquery,html,css,Php,Jquery,Html,Css,我的菜单如下 <ul> <li><a href="index.php">Home</a></li> </ul> 我是新的webie感谢您在index.php页面中提供的任何建议，您需要以以下方式编辑HTML： <ul> <li><a href="index.php" class="active">Home</a></li> </ul>

我的菜单如下

<ul>
    <li><a href="index.php">Home</a></li>
</ul>

我是新的webie感谢您在

index.php

页面中提供的任何建议，您需要以以下方式编辑HTML：

<ul>
    <li><a href="index.php" class="active">Home</a></li>
</ul>

并将CSS更改为

.active

和not

：active

，因为第二个是元素的状态：

#导航a.active{
颜色：#000；
背景：-webkit渐变（线性、左上、左下、从（#DFE7FA）到（#FFF））；
边框底宽：0px；
}

当元素处于良好活动状态时，例如当单击链接时，

:active

伪选择器适用

您需要做的是给

元素一个class属性，并相应地设置它的样式。

如下所示向代码添加id

更新

<div id="menu">
  <ul>
    <li id="myHome"><a href="index.php">Home</a></li>
  </ul>
</div>

编写脚本如下

<script>
  window.onload = menuSelect('myHome');
</script>


window.onload=menuSelect（'myHome'）；

每个页面的正文标记上都有一个类，用于标识该页面：

主页正文：

<body class="home">
<ul>
    <li><a href="index.php" class="home">Home</a></li> //Each navigation item also includes a class identifying that particular link.
    <li><a href="aboutUs.php" class="aboutUs">About Us</a></li>
</ul>
</body>

<body class="aboutUs">
<ul>
    <li><a href="index.php" class="home">Home</a></li>
    <li><a href="aboutUs.php" class="aboutUs">About Us</a></li>
</ul>
</body>

body.home a.home, body.aboutUs a.aboutUs{
//HERE GOES YOUR CSS
color: #000;
background: -webkit-gradient(linear, left top, left bottom, from(#DFE7FA), to(#FFF));
border-bottom-width:0px;

}

然后他仍然需要一些代码来确定哪个菜单元素是当前活动页面。@Gerton Man，刚刚编辑好！这在很大程度上取决于他是否在使用一个框架，如果是，则取决于哪个框架。如果您使用的是模板，那么仅仅将活动类添加到一个随机菜单项并不能将其删除。是的。但是因为他没有说更多的细节，所以假设他没有使用任何东西，我也假设他是一个新手，正在尝试一些东西，这是一个基本的解释！你想让它在你访问它或点击它时改变颜色吗？你怎么知道你在哪个页面上？你用php（或javascript/jQuery…）来检测吗？@jeroen页面不能有自己的内容吗？您真的需要JavaScript来检测页面的内容吗？@PraveenKumar要为活动页面设置特定菜单项的样式，首先需要确定哪个页面处于活动状态。您可以使用php或css（common）实现这一点，但如果确实需要，您也可以通过读取地址栏中的url来使用javascript实现这一点。仅仅向html元素添加随机类就完全绕过了这一步骤，对我来说并不是很有用。@PraveenKumar，您不应该删除php标记。如果OP正在使用它，它将是最好的工具，例如在您自己的答案中生成代码。当用户刷新页面时，这不会发生吗？我认为这甚至不是一个JavaScript或jQuery问题！请仔细阅读！是的，普拉文，你是对的。我希望上面的答案做得很好，这是唯一一个真正解决了确定你在哪一页的问题的答案。

<body class="aboutUs">
<ul>
    <li><a href="index.php" class="home">Home</a></li>
    <li><a href="aboutUs.php" class="aboutUs">About Us</a></li>
</ul>
</body>

body.home a.home, body.aboutUs a.aboutUs{
//HERE GOES YOUR CSS
color: #000;
background: -webkit-gradient(linear, left top, left bottom, from(#DFE7FA), to(#FFF));
border-bottom-width:0px;

}