穿梭门穿梭框带checkbox复选框选中todolist 两个框 jqueryb版本

最新推荐文章于 2024-07-24 11:09:48 发布

2401_84617080

最新推荐文章于 2024-07-24 11:09:48 发布

阅读量326

点赞数 5

文章标签： javascript 开发语言 ecmascript

本文链接：https://blog.csdn.net/2401_84617080/article/details/139837125

版权

}



li {

    list-style: none;

    width: 100%;

    height: 50px;

    line-height: 50px;

    margin-left: 10px;

    /* background-color: red; */

    display: none;

}



.btnBox {

    float: left;

    height: 500px;

    width: 100px;

    display: flex;

    align-items: center;



}



button {

    width: 100%;

    height: 40px;

}



input {

    width: 18px;

    height: 18px;

}



u {

    float: right;

    text-decoration: none;

    color: red;

}

footer{

    position: absolute;

    right: 20%;

    top: 40%;

}

<div id="lapp">

    <input class="allsunleft" type="checkbox">全选

    <u class="letu">信息数量：0</u>

    <hr>

    <ul class="ltul">

        <!-- <li><input type="checkbox"><span>：达瓦达瓦大</span></li> -->

    </ul>



</div>

<div class="btnBox">

    <button class="letfBtn">

        <</button>





            <button class="rBtnight">></button>

</div>



<div id="rapp">

    <input class="allsunright" type="checkbox">全选

    <u class="letu2">信息数量：0</u>

    <hr>



    <ul class="ltul2">

        <!-- <li><input type="checkbox"><span>：达瓦达瓦大</span></li> -->

    </ul>

</div>



<footer>

    <h1>孙<br>志<br>豪</h1>

        <h5>穿梭门</h5>

</footer>