zoukankan      html  css  js  c++  java
  • 四个div块点击某个突出显示

    css:.pollTitle {
        margin-top: -1%;
        margin-bottom: 0.3%;
        margin-left: -1.3%;
        margin-right:2%;
        100%;
    }

        .pollTitle a {
            text-decoration: none;
            color: #000;
            
            height: 40px;
            line-height: 40px;
            font-size: 17px;
            font-family: 微软雅黑;
        }

    .tilte_con {
        129px;
        height: 40px;
        border: 1px solid #808080;
        text-align: center;
        float: left;
    }

    div:

     <div class="pollTitle">
                    <div class="tilte_con" id="" onclick="stateCssCorlor(this)">
                        <a href="#">全部</a>
                    </div>
                    <div class="tilte_con" id="" onclick="stateCssCorlor(this)">
                        <a href="#">待发货</a>
                    </div>
                    <div class="tilte_con" id="" onclick="stateCssCorlor(this)">
                        <a href="#">已发货</a>
                    </div>
                    <div class="tilte_con" id="" onclick="stateCssCorlor(this)">
                        <a href="#">已完成</a>
                    </div>
                    <div class="tilte_con" id="" onclick="stateCssCorlor(this)">
                        <a href="#">已取消</a>
                    </div>
                    <div class="tilte_con" id="" onclick="stateCssCorlor(this)">
                        <a href="#">已付款</a>
                    </div>
                    <div class="tilte_con" id="" onclick="stateCssCorlor(this)">
                        <a href="#">退货处理</a>
                    </div>
                </div>

    jquery:
        $('.tilte_con').css({ "border-top": "1px solid #808080", "font-size": "17px", "font-weight": "400" });
        $(objThis).css({ "border-top": "2px solid #ff6a00", "font-size": "18px", "font-family": "微软雅黑", "font-weight": "bold" });

  • 相关阅读:
    【RDB】MariaDB 之事务、复制、集群
    【中间件】Redis 实战之主从复制、高可用、分布式
    React从入门到放弃(5):ReactRouter4
    React从入门到放弃(4):Redux中间件
    React从入门到放弃(3):Redux简介
    React从入门到放弃(2):React简介
    React从入门到放弃(1):webpack4简介
    【.NET Core】ASP.NET Core之IdentityServer4(1):快速入门
    【.NET Core】Docker Jenkins ASP.NET Core自动化部署
    【ASP.NET Core】运行原理(4):授权
  • 原文地址:https://www.cnblogs.com/wangtiantian/p/5032523.html
Copyright © 2011-2022 走看看