制作左侧的广告栏

.leftloginbox{
    height: 320px;
    width: 127px;
    position: fixed;
    left: 10px;
    top:60%;
    .pic{
        // 如果不给背景图片宽高，背景图片可能显示不出来哦
        width: 127px;
        height:320px ;
        background:url("../imgs/left-banner-04.min.png") no-repeat;
    }

    // 制作一个小的关闭图标。
    .left-banner i {
        position: absolute;
        display: block;
        width: 10px;
        height: 10px;
        cursor: pointer;
        background-position: -59px -375px;
        top: 0px;
        left: 117px;
        z-index: 100;
    }
    
    }

 

<div class="leftloginbox"> // 最大的盒子
            <div class="pic">      //装图片和按钮
              <i class="close"></i>  //关闭按钮。
            </div>
    </div>

 

它的js代码时：给关闭按钮绑定一个点击的事件，然后让最外层的div吟唱起来就可以了。
        $(".close").on("click",function(){
            $(".leftloginbox").hide();
        })

　　

 

遇见问题，这是你成长的机会，如果你能够解决，这就是收获。

作者：​​晚来南风晚相识​​​