我正在努力实现类似这样的目标,如从IP-Board网站获取的图像所示。ip图片
我的代码如下:
<ul class="navmenu">
<li>//1st drop down box</li>
<li>// 2nd drop down box</li>
现在,我希望用户单击li项目背景时将其更改为白色。我知道这可以通过Jquery完成,但是我不太熟悉。希望你们中的任何一个都能帮助我。
我尝试了本指南,但没有用。如何使用jquery突出显示选定的列表项?
另外请记住,两个li元素都包含jquery下拉框。
更新我想要Jquery,以便如果再次单击它,则应该删除活动类。
您可以通过以下:active
选择器获取活动元素:
的CSS
li:active{
background:red;
}
如果要使背景保持红色,则需要使用JQuery。首先创建一个您要为活动项设置样式的类,如下所示:
.active{
background:red;
}
然后使用以下JQuery代码:
$("li").click(function(){
$("li.active").removeClass("active");
$(this).addClass("active");
});
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句