如何使用PHP构建带有动态突出显示的网站菜单？

每当该页面处于活动状态时，我需要更改所选菜单的颜色，并且在单击另一个菜单之前，它应该保持不变

$('.navigation ul li a').click(function(){

 $(this).css({"background-color":"#ffffff"});
 $('.navigation ul li a').css({"background":"transparent"});

}))

---

但它只适用于点击功能。我需要它是积极的，直到我移动到另一个菜单。plz帮助

您不需要使用任何jQuery，只需使用CSS即可

• 为页面提供您的身体标签和id，即身体id=“联系人”
• 为每个菜单链接指定一个与主体id匹配的类
• 为活动链接编写CSS：

"

“

仅限PHP 假设您的网站具有以下菜单：

• 家
• 手枪
• 步枪

在HTML主页的顶部，插入：

<?php $this_page = "Home"; ?>

<?php $this_page = "Pistols"; ?>

<?php $this_page = "Rifles"; ?>

---

您需要为此使用css

a:active

标记

$('.navigation ul li a').click(function () {

    $('.navigation ul li a').each(function () { // loop through all links
       if ($(this).hasClass('active')) $(this).removeClass('active'); // remove className 'active' from any link
    });

    $(this).addClass('active'); // className active to current link
});

CSS

.navigation ul li a {
    background: transparent;
}

.navigation ul li a.active {
    background-color: #ffffff;
}

---

你所说的导航是什么意思？家，家是一个类还是一个id？家是标签上的一个类，是主页上的一个id。这里有一篇文章，你可以阅读以进一步了解@Q_Mlilo:hi…its me..感谢你的回复..但它只在单击功能中起作用。只要我们在该页面上，我需要突出显示该链接。

$('.navigation ul li a').click(function () {

    $('.navigation ul li a').each(function () { // loop through all links
       if ($(this).hasClass('active')) $(this).removeClass('active'); // remove className 'active' from any link
    });

    $(this).addClass('active'); // className active to current link
});

.navigation ul li a {
    background: transparent;
}

.navigation ul li a.active {
    background-color: #ffffff;
}