2019-08-21 弹出框 hide show
<div id="shoppingCar" class="lucky">
<div class="lucky_wrapper">
<div class="shpping_car">
<span class="shpping_span ">✖</span>
<img class="shpping_image" src="https://ss0.baidu.com/73F1bjeh1BF3odCf/it/u=686968347,3903930078&fm=85&s=3430E4354B8A7B7E0E934AEF0300E02E"
alt="">
</div>
<a class="shpping_btn" href="javascript:ReportNext('<%=OrderID%>')">确定</a>
</div>
</div>
//判断海报弹窗是否显示
$.get("/Ajax/Product.ashx", { type: "IsShowReport", OrderID: '<%=OrderID%>' }, function (result) {
if (result == 1) {
$('.lucky').show();
} else {
$('.lucky').hide();
}
});
$(".close-icon").click(function () {
$('.luckyBox').hide();
});
$(".shpping_span").click(function () {
$('.lucky').hide();
});
})
/*弹出框*/
#shoppingCar {
height: 100%;
width: 100%;
position: fixed;
background-color: rgba(0, 0, 0, .5);
z-index: 1000;
top: 0;
left: 0;
display: none;
}
.lucky_wrapper {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%,-50%);
-webkit-transform: translate(-50%,-50%);
}
.shpping_car {
width: 260px;
height:350px;
height: auto;
position: relative;
z-index: 2;
}
.shpping_span {
color: #fff;
position: absolute;
z-index: 2;
font-size: 16px;
top: 14px;
right: 14px;
width:11px;
height:11px;
}
.shpping_image {
width: 100%;
height: 350px;
border-radius: 10px;
position: relative;
}
.shpping_btn {
width:90px;
line-height:35px;
background:rgba(255,255,255,0.57);
border-radius:17.5px;
margin: 32px auto 0 auto;
font-size: 15px;
text-align:center;
color:#000;
}
