gpt4 book ai didi

jquery - 使用 jquery 鼠标悬停并单击事件时
  • 的颜色发生变化
  • 转载 作者:行者123 更新时间:2023-12-01 06:23:07 24 4
    gpt4 key购买 nike

    我想在鼠标悬停时将 li 的颜色更改为红色。并且在点击事件中也保持相同的颜色。我有以下列表,

    <html>
    <body>
    <ul>
    <li>list1</li>
    <li>list2
    <ul>
    <li>sublist1</li>
    <li>sublist2</li>
    <li>sublist3</li>
    <li>sublist4</li>
    </ul>
    </li>
    <li>list3</li>
    <li>list4</li>
    </ul>
    </body>
    </html>




    list1
    list2
    sublist1
    sublist2
    sublist3
    sublist4
    list3
    list4

    如果我单击列表1,它的颜色应变为红色,同时如果我将鼠标悬停在另一个列表上,它将显示为红色。它的默认颜色是黑色。

    最佳答案

    // CSS: Create the highlight accessible with two classnames.

    .highlight, .highlight_stay{
    color:red;
    }

    Jquery

    $(function(){
    $('li').hover(function(){
    $(this).addClass('highlight');
    }, function(){
    $(this).removeClass('highlight');
    });

    $('li').click(function(){
    $(this).addClass('highlight_stay');
    });
    });

    要在单击不同的 li 时删除单击颜色,请将最后一个函数更改为:

    $('li').click(function(){
    $(li).removeClass('highlight_stay');
    $(this).addClass('highlight_stay');
    });

    关于jquery - 使用 jquery 鼠标悬停并单击事件时 <li> 的颜色发生变化,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14854368/

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