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" });

  • 相关阅读:
    为什么学编程?如何学编程?
    数据结构2019/05/14
    Python2与Python3的区别(2)
    数据库(第一范式,第二范式,第三范式)
    Atom常用功能插件
    Atom编辑器的安装
    PL/SQL Developer安装教程(贴图)
    安装Oracle提示:[INS-35206] 目录已在使用
    安装Oracle出现环境不满足最低要求
    Oracle 11g服务器安装详细步骤(贴图)
  • 原文地址:https://www.cnblogs.com/wangtiantian/p/5032523.html
Copyright © 2011-2022 走看看