gpt4 book ai didi

css - 查看时突出显示子菜单项

转载 作者:行者123 更新时间:2023-11-28 12:25:47 24 4
gpt4 key购买 nike

我有一个菜单,它基本上只是一堆彼此内部的无序列表。这是一个例子:

<div id="horiz-menu" class="moomenu"><div class="wrapper">
<ul class="menutop">
<li><a href="something.html"><span>Home Page (top menu item)</span></a>
<ul>
<li><a href="something2.html"><span>Second page (sub menu item)</span></a>
</li>
</ul>
</li>
<li class="parent active"><a href="something3.html"><span>Resources (top menu item)</span></a>
<ul>
<li id="current" class="active"><a href="something4.html"><span>Third Page (sub menu item)</span></a>
</li>
<li><a href="something5.html"><span>Fourth Page (sub menu item)</span></a>
</li>
</ul>
</li>
</ul>
</div></div>

当鼠标悬停在顶部菜单项上时,它的样式看起来像顶部菜单项是水平导航菜单,子菜单项是垂直下拉列表(无滚动);隐藏其他明智。一切正常。我的问题是,当访问者在该页面上(而不是简单地将鼠标悬停在该菜单项上)时,对 css 进行编码以便子菜单项突出显示(背景颜色应该改变)的正确方法是什么?

我试过这个:

#horiz-menu ul li.active {background-color:#000;}
#horiz-menu ul li#current {background-color:#000;}

我不知道这是不是这样做的方法。有人可以帮忙吗?如果您感到困惑,我希望能够使用 css 为第二个 ul 着色,其中 li class="active"或 id="current"。 “事件”和“当前”ID 和类会动态应用于正在查看的页面的任何列表项。

谢谢!

最佳答案

试试 JQuery 中的 addClass 方法

$("a.classname").click(function(){

$("li#idname").addClass("active");

});

关于css - 查看时突出显示子菜单项,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/6472797/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com