css中的背景法线和背景活动

css中的背景法线和背景活动,css,html,Css,Html,我在CSS中有以下代码: #nav li a:active{ background-color:brown; } #nav li a.index{background:purple;} #nav li a.advertiser{background:red;} #nav li a.publisher{background:green;} #nav li a.new{background:blue;} #nav li a.status{background:orange;} #nav li

我在CSS中有以下代码:

#nav li a:active{
 background-color:brown;
}

#nav li a.index{background:purple;}
#nav li a.advertiser{background:red;}
#nav li a.publisher{background:green;}
#nav li a.new{background:blue;}
#nav li a.status{background:orange;}

#nav li a:hover {
 border-bottom:5px solid brown;
}
和HTML

<ul id="nav">
 <li><a class="index"....
 <li><a class="advertiser"...
 <li><a class="publisher"...
 <li><a class="new"....
 <li><a class="status".....
</ul>

  • 激活状态:仅当用户单击它时才处于激活状态;单击完成后,锚定或按钮的活动状态不会持续

    如果希望在单击后将锚定保持为棕色,则可以在用户单击锚定时使用jquery推送特定类:

    $('#nav a').on('click', function(e){
        e.preventDefault(); //?
    
        $('#nav a.active').removeClass('active');
        $(this).addClass('active');
    })
    

    激活状态:仅当用户单击它时才处于激活状态;单击完成后,锚定或按钮的活动状态不会持续

    如果希望在单击后将锚定保持为棕色,则可以在用户单击锚定时使用jquery推送特定类:

    $('#nav a').on('click', function(e){
        e.preventDefault(); //?
    
        $('#nav a.active').removeClass('active');
        $(this).addClass('active');
    })
    

    激活状态:仅当用户单击它时才处于激活状态;单击完成后,锚定或按钮的活动状态不会持续

    如果希望在单击后将锚定保持为棕色,则可以在用户单击锚定时使用jquery推送特定类:

    $('#nav a').on('click', function(e){
        e.preventDefault(); //?
    
        $('#nav a.active').removeClass('active');
        $(this).addClass('active');
    })
    

    激活状态:仅当用户单击它时才处于激活状态;单击完成后,锚定或按钮的活动状态不会持续

    如果希望在单击后将锚定保持为棕色,则可以在用户单击锚定时使用jquery推送特定类:

    $('#nav a').on('click', function(e){
        e.preventDefault(); //?
    
        $('#nav a.active').removeClass('active');
        $(this).addClass('active');
    })
    

    :active
    将在按下按钮或文本时突出显示,您需要对jquery进行编码才能实现这一点。试试这个例子:

    <ul>    
    <li><a class="black classname" id="click">Home</a></li>
    <li><a class="black" id="click">about</a></li>
    <li><a class="black" id="click">services</a></li>
    </ul>
    
    Jquery

    $(document).ready(function(){
    
        $("a#click").click(function(){
            $("a").removeClass('classname')
            $(this).addClass('classname')
        });
    
    });
    

    演示

    :当按下按钮或文本时,活动的
    将突出显示,您需要编写jquery代码来实现这一点。试试这个例子:

    <ul>    
    <li><a class="black classname" id="click">Home</a></li>
    <li><a class="black" id="click">about</a></li>
    <li><a class="black" id="click">services</a></li>
    </ul>
    
    Jquery

    $(document).ready(function(){
    
        $("a#click").click(function(){
            $("a").removeClass('classname')
            $(this).addClass('classname')
        });
    
    });
    

    演示

    :当按下按钮或文本时,活动的
    将突出显示,您需要编写jquery代码来实现这一点。试试这个例子:

    <ul>    
    <li><a class="black classname" id="click">Home</a></li>
    <li><a class="black" id="click">about</a></li>
    <li><a class="black" id="click">services</a></li>
    </ul>
    
    Jquery

    $(document).ready(function(){
    
        $("a#click").click(function(){
            $("a").removeClass('classname')
            $(this).addClass('classname')
        });
    
    });
    

    演示

    :当按下按钮或文本时,活动的
    将突出显示,您需要编写jquery代码来实现这一点。试试这个例子:

    <ul>    
    <li><a class="black classname" id="click">Home</a></li>
    <li><a class="black" id="click">about</a></li>
    <li><a class="black" id="click">services</a></li>
    </ul>
    
    Jquery

    $(document).ready(function(){
    
        $("a#click").click(function(){
            $("a").removeClass('classname')
            $(this).addClass('classname')
        });
    
    });
    

    演示

    是否可以使用javascript?Jquery对我来说有点问题。Jquery中的一切都可以用javascript实现。不幸的是,我没有时间用纯javascript编写这篇文章。对不起,可以用javascript吗?Jquery对我来说有点问题。Jquery中的一切都可以用javascript实现。不幸的是,我没有时间用纯javascript编写这篇文章。对不起,可以用javascript吗?Jquery对我来说有点问题。Jquery中的一切都可以用javascript实现。不幸的是,我没有时间用纯javascript编写这篇文章。对不起,可以用javascript吗?Jquery对我来说有点问题。Jquery中的一切都可以用javascript实现。不幸的是,我没有时间用纯javascript编写这篇文章。抱歉,您的Jquery选择器的作用域不正确;此代码可能会在整页上中断。您的Jquery选择器的作用域不正确;此代码可能会在整页上中断。您的Jquery选择器的作用域不正确;此代码可能会在整页上中断。您的Jquery选择器的作用域不正确;此代码可能会在整页上中断。