为活动的li元素提供不同的背景

Balabky9

我正在努力实现类似这样的目标,如从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");
});

jsFiddle在这里

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

如何在Twitter Bootstrap数据表中为列提供不同的背景?

来自分类Dev

为活动的li元素提供不同的背景

来自分类Dev

使<li>元素为“ active”而不是<a>元素

来自分类Dev

使用UIActivityViewController为每个活动提供不同的共享项

来自分类Dev

无法在<li>上将图像设置为背景

来自分类Dev

为移动设备提供不同的图像集

来自分类Dev

根据列表元素的数量为li的第一个孩子设置不同的边距

来自分类Dev

如何使用ui-sref-active =“ active”使用li clearfix元素将悬停状态设置为活动状态

来自分类Dev

Cardview-为每个元素设置不同的背景颜色

来自分类Dev

凉亭-为注册的包裹提供不同的路径

来自分类Dev

“ Li”元素显示为“未定义”

来自分类Dev

PyTorch为标量提供了不同的价值

来自分类Dev

如何在Android中将活动的背景图像设置为水平和垂直两个不同大小

来自分类Dev

导航的滑动活动元素背景

来自分类Dev

为类别中的帖子提供不同的布局

来自分类Dev

选择新元素时,如何更改活动的<li>元素?

来自分类Dev

切换<li>活动元素

来自分类Dev

sql查询为PercentAnalysed提供不同的结果

来自分类Dev

自动为多个绘图提供不同的颜色?

来自分类Dev

为每个<li>更改不同的类

来自分类Dev

<li>元素的背景-子元素

来自分类Dev

为某些单元提供不同的背景颜色和边框?

来自分类Dev

引导程序3 navbar活动li背景

来自分类Dev

如何通过JavaScript或jQuery为每个li元素获取不同的ID

来自分类Dev

凉亭-为注册的包裹提供不同的路径

来自分类Dev

<li>元素在不同背景颜色之间切换

来自分类Dev

jQuery-为li选择活动点并从其他活动点中删除活动类

来自分类Dev

尝试使用倾斜的 div 为背景图像提供两种不同的色调

来自分类Dev

如何使 AFTER li 背景元素可点击?

Related 相关文章

  1. 1

    如何在Twitter Bootstrap数据表中为列提供不同的背景?

  2. 2

    为活动的li元素提供不同的背景

  3. 3

    使<li>元素为“ active”而不是<a>元素

  4. 4

    使用UIActivityViewController为每个活动提供不同的共享项

  5. 5

    无法在<li>上将图像设置为背景

  6. 6

    为移动设备提供不同的图像集

  7. 7

    根据列表元素的数量为li的第一个孩子设置不同的边距

  8. 8

    如何使用ui-sref-active =“ active”使用li clearfix元素将悬停状态设置为活动状态

  9. 9

    Cardview-为每个元素设置不同的背景颜色

  10. 10

    凉亭-为注册的包裹提供不同的路径

  11. 11

    “ Li”元素显示为“未定义”

  12. 12

    PyTorch为标量提供了不同的价值

  13. 13

    如何在Android中将活动的背景图像设置为水平和垂直两个不同大小

  14. 14

    导航的滑动活动元素背景

  15. 15

    为类别中的帖子提供不同的布局

  16. 16

    选择新元素时,如何更改活动的<li>元素?

  17. 17

    切换<li>活动元素

  18. 18

    sql查询为PercentAnalysed提供不同的结果

  19. 19

    自动为多个绘图提供不同的颜色?

  20. 20

    为每个<li>更改不同的类

  21. 21

    <li>元素的背景-子元素

  22. 22

    为某些单元提供不同的背景颜色和边框?

  23. 23

    引导程序3 navbar活动li背景

  24. 24

    如何通过JavaScript或jQuery为每个li元素获取不同的ID

  25. 25

    凉亭-为注册的包裹提供不同的路径

  26. 26

    <li>元素在不同背景颜色之间切换

  27. 27

    jQuery-为li选择活动点并从其他活动点中删除活动类

  28. 28

    尝试使用倾斜的 div 为背景图像提供两种不同的色调

  29. 29

    如何使 AFTER li 背景元素可点击?

热门标签

归档