如何在php菜单栏中突出显示特定菜单项onclick超级链接
在PHP菜单栏中突出显示特定菜单项的方法是通过使用onclick超级链接来实现。具体步骤如下：
- 首先，确保你已经创建了一个菜单栏，并且每个菜单项都有一个唯一的标识符或ID。
- 在PHP中，使用HTML和CSS来创建菜单栏。可以使用ul和li标签来创建无序列表，并使用CSS样式来设置菜单项的外观。
- 在菜单项中添加onclick事件处理程序。可以使用JavaScript来实现这一点。例如，可以在每个菜单项的onclick事件中调用一个JavaScript函数。
- 在JavaScript函数中，使用DOM操作来突出显示特定的菜单项。可以通过添加CSS类或直接修改菜单项的样式来实现。
以下是一个示例代码：
<!DOCTYPE html>
<html>
<head>
<style>
.menu {
list-style-type: none;
margin: 0;
padding: 0;
}
.menu li {
display: inline;
margin-right: 10px;
}
.menu li a {
text-decoration: none;
color: black;
}
.menu li a.active {
font-weight: bold;
}
</style>
</head>
<body>
<ul class="menu">
<li><a href="#" onclick="highlightMenuItem('item1')">Item 1</a></li>
<li><a href="#" onclick="highlightMenuItem('item2')">Item 2</a></li>
<li><a href="#" onclick="highlightMenuItem('item3')">Item 3</a></li>
</ul>
<script>
function highlightMenuItem(itemId) {
var menuItems = document.getElementsByClassName('menu')[0].getElementsByTagName('a');
for (var i = 0; i < menuItems.length; i++) {
if (menuItems[i].getAttribute('onclick').includes(itemId)) {
menuItems[i].classList.add('active');
} else {
menuItems[i].classList.remove('active');
}
}
}
</script>
</body>
</html>在上面的示例中，每个菜单项都有一个onclick事件，调用highlightMenuItem函数，并传递相应的菜单项ID作为参数。在highlightMenuItem函数中，使用DOM操作来查找所有菜单项，并根据传递的菜单项ID来添加或移除active类，从而突出显示特定的菜单项。
请注意，这只是一个简单的示例，你可以根据自己的需求进行修改和扩展。此外，腾讯云没有直接相关的产品和产品介绍链接地址与此问题相关。
相关·内容
我正在尝试将我的页面包含在header.php文件中，但我需要列表项有一个active类。菜单在header.php中，目前看起来像这样：- <li class="dropdown"><ul class="dropdown-menu" href="State-Help.php">State Level<&
浏览 28提问于2020-04-11得票数 0
1回答
如何用Kohana制作菜单导航结构？
php、kohana
例如:我有一个这样的菜单：在我的旧框架中，当用户单击"Products“时，我的框架知道这是哪个导航层，然后我的视图将一个"_active”后缀附加到该菜单项的css类，因此它被突出显示您如何在Kohana中设置您的站点以实现这样的目标？
我想做一个包含菜单栏的大布局视图。在那里，我必须实现所有的逻辑来确定哪个菜单项必须突出显示为活动的。有没有什么巧妙的机制来解决这个
浏览 1提问于2009-06-09得票数 2
回答已采纳
1回答
当前HTML菜单项
php、html、menu、superfish
我正在使用一个模板，它在每个文档中定义了重复的菜单，但<li class="current">除外，用于突出显示您当前所在页面的菜单项。我将菜单结构替换为include("menu_test.html"); 这样我就不用维护7个菜单了。如何在每页复制选定的菜单项？
浏览 3提问于2013-05-25得票数 0
1回答
如何直接从jasper服务器社区版主菜单栏自定义菜单项转到特定文件夹
jasperserver
我在Jasper社区Edition.then中为主菜单栏添加了新菜单，我想在该自定义菜单项中为我的自定义文件夹设置一个直接链接。当我转到两个文件夹时，URL是相同的，因为both.It也等于Repository，我在下面显示为公共url。如何在jasper服务器中找到特定于文件夹的url？
浏览 0提问于2018-08-01得票数 0
回答已采纳
1回答
突出显示作为现有核心项的父项的管理菜单项
plugins、plugin-development
例如，我需要编辑一个菜单页面，它将显示具有特定元键的页面，因此我添加了一个新的菜单页面，如下所示：问题是当我按下新的菜单项时，页面菜单正在打开。我试过使用这种过滤器，但没有成功。parent
浏览 0提问于2020-08-22得票数 0
2回答
在php中拥有可变模板的最佳方法
php、html
我正在为php中的网站编写菜单栏。因为我不想在六页左右的页面上多次编辑它，所以我决定把它放在它自己的单独的header.php文件中，在各个页面中只放在include_once(header.php)中。现在，我正在处理这个问题，在我的header.php文件中包含以下内容，并在各个页面中定义了$PageTitle：
浏览 6提问于2014-11-19得票数 0
回答已采纳
1回答
当没有子页面/类别时突出显示Wordpress菜单项
wordpress、menu、highlight
用白色高亮显示菜单项(活动)，即使在完全不同的站点页/帖子/类别中.转到这个页面：我没有集成菜单层次结构(子类别/页面)，因为在整个项目中有许多修改。如果我知道php的话
“如果主菜单项被单击或
浏览 0提问于2013-10-09得票数 0
回答已采纳
2回答
如何在joomla中使用自定义菜单
menu、joomla、highlight
对于每个项目菜单，我在源代码中添加链接(当我为模块菜单添加新项目并将此项目与材料绑定时，我会复制此链接)。但是当我转到菜单中的不同链接时，我不知道如何在菜单项之间转换时突出显示此项。也许需要从php代码中创建这个？FROM MODULE MENU"><div class="not_active">Store</div></a>
</div>
浏览 0提问于2011-09-04得票数 0
回答已采纳
1回答
网站导航栏:在保留突出显示菜单的同时显示网页
php、html、css
我其实是个新手，但我以前试过用php构建一个简单的网站，但那时我只是把导航代码复制到我的每一页上，并在它上加上“当前”，所以每次你在主页上，导航栏中的菜单主页都会被高亮显示…现在，我尝试按照本教程构建我的我知道了，但我的问题是当我点击菜单项时，我不知道如何显示我的其他页面.<?php 'home' => array('text'=&g
浏览 3提问于2015-03-29得票数 0
回答已采纳
1回答
突出显示标题php中的当前项
php、html、css、header、include
所以我想知道你是如何在网站标题中突出显示当前页面的。我使用了include方法来调用所有页面中的标题，但是如何在维护每个页面中包含方法的同时突出显示当前页面。HEADER.PHP
<header class="site-header"><div clas
浏览 2提问于2021-05-21得票数 0
回答已采纳
3回答
与SEF在Joomla上的手动链接！
joomla、joomla-sef-urls
(即“外部链接”类型菜单项或文章中的链接)。您必须使用“index.php？.”启动URL，而不是绝对URL，否则它将破坏与搜索引擎友好型URL的兼容性。Joomla集成编辑器(我使用的是JoomlaFCK)通常提供一个“JoomlaFCK”按钮，让您找到并链接到特定的文章。但是，它们不会突出显示菜单项或使用该菜单项的参数。如果您希望链接使用特定的菜单项(可能会使用)，则必须手动查找菜单项的ID，并
浏览 8提问于2009-04-09得票数 7
1回答
如何获得主菜单来突出显示到当前页面的链接？
routes
我的主题，莱利，高亮显示您所在页面的菜单项。(例如)。我怀疑这是Drupal的一个功能，而不是特定于主题。第一个问题:这一般都是真的吗？如果第一个问题的答案是否定的，而且是主题特定的，那么我可以问主题制定者下一个问题。否则，我的下一个问题是，当我有多个链接到当前页面的菜单链接时，它将突出显示最后一个链接。我怎样才能让它突出显示第一个链接呢？我很乐意修改PHP代码。
例如，菜单选项卡1包含指向当前页面P1的链接，而菜单选项卡2中
浏览 0提问于2015-07-07得票数 1
2回答
如何将帖子添加到菜单中
theme-development、menus
当查看一个帖子(任何帖子)时，我试图让WordPress突出显示我菜单中的特定项目。我认为将帖子添加到菜单项，然后抑制子菜单的显示可能会有帮助，但我的“菜单配置”页面并没有将帖子显示为要添加到菜单中的项。
有谁知道这是为什么，或者有更好的替代方法吗？我使用默认TwentyTen主题的副本，该主题在header.php中调用wp_nav_menu。
浏览 0提问于2010-09-02得票数 2
回答已采纳
6回答
jQuery向菜单项添加类？
javascript、jquery、html、css、sharepoint-2010
我有以下菜单项： <li class="static"> <a class="static-meunu-item" href="/mySite/Sectors">Sectors</
浏览 0提问于2011-11-24得票数 3
回答已采纳
1回答
Microsoft.VisualStudio.Text.Tagging.TextMarkerTag - OnClick事件
c#、wpf、visual-studio、visual-studio-extensions
有没有人知道如何在IWpfTextView中捕获TextMarker的点击？我希望在XML编辑器中具有此功能，以便在某些节点上允许CTRL+Click。现在可以突出显示特定节点，但文本标记上没有"OnClick“事件。
另请参阅：
浏览 0提问于2012-07-16得票数 1
回答已采纳
3回答
突出显示菜单栏上的活动菜单项
javascript、css
我正在为我的菜单项使用下面的css。我需要在菜单栏中突出显示活动页面。有谁能改正css吗？或者我可以使用javascript或某种类型的脚本来实现？
浏览 0提问于2013-12-18得票数 1
4回答
如何在加载页面时为html标记设置类？
php、javascript、css
问题是:我想使用PHP将文件"header_menu.html“导入所有共享相同导航菜单的页面，但是每个页面都有自己突出显示的菜单项。例如，下面是菜单，在index.php中，只有第一个应该设置为" current“类，而在download.php中，只有第二个应该是当前的。如何在JavaScript中做到这一点？/index.php" class="
浏览 4提问于2010-07-21得票数 0
回答已采纳
3回答
如何在php中突出显示当前菜单项
php、html、css
这是header.php文件的一部分。如果我用header.php制作了一个菜单导航，并将它包含在我的网站的每个页面中，如果我能在页面上添加的全部内容都是包含(“header.php”)，我该如何进行高亮显示当前页面的工作?
浏览 0提问于2018-10-30得票数 0
回答已采纳
1回答
用于制作菜单的Wordpress getChildren
php、wordpress
我的问题是:我想自己做一个像这样的菜谱：
如您所见，顶部的按钮是固定的(这是页面可以得到的6个家长)。但是现在我需要以这种“格式”通过php的页面的子项。(打开和关闭这些东西并不是问题--问题是我如何才能获得特定页面的子页，然后是该子页的子页，然后将其转换成这种格式)<?php</em
浏览 2提问于2013-11-07得票数 0
回答已采纳
3回答
如何在wordpress的菜单中使用图像？
wordpress
我想通过使用图像链接而不是文本链接来突出显示其中的一个。我如何在Wordpress中做到这一点？
浏览 0提问于2013-07-18得票数 1
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
即时通信 IM
ICP备案
对象存储
实时音视频活动推荐
腾讯云开发者
