|
@@ -35,6 +35,7 @@
|
|
|
display: none;
|
|
|
-webkit-border-radius: 8px;
|
|
|
-moz-border-radius: 8px;
|
|
|
+ z-index: 1000;
|
|
|
}
|
|
|
#close2x{
|
|
|
width: 30px;
|
|
@@ -44,6 +45,19 @@
|
|
|
top: 465px;
|
|
|
cursor: pointer;
|
|
|
display: none;
|
|
|
+ z-index: 1000;
|
|
|
+}
|
|
|
+.tans{
|
|
|
+ position: fixed;
|
|
|
+ top: 0;
|
|
|
+ right: 0;
|
|
|
+ bottom: 0;
|
|
|
+ left: 0;
|
|
|
+ background-color: #000;
|
|
|
+ display: none;
|
|
|
+ filter:alpha(opacity=50); /*设置透明度为60%*/
|
|
|
+ opacity:0.5; /*非IE浏览器下设置透明度为60%*/
|
|
|
+ z-index: 999;
|
|
|
}
|
|
|
</style>
|
|
|
</head>
|
|
@@ -84,7 +98,8 @@
|
|
|
<div class="tc ">
|
|
|
</div>
|
|
|
<img src="/images/pc/close2x.png" id="close2x">
|
|
|
- <!-- 弹窗 -->
|
|
|
+ <div class="tans"></div>
|
|
|
+ <!-- 弹窗 -->
|
|
|
<div class="animtionBox box-3">
|
|
|
<span class="bg"></span>
|
|
|
<!--线-->
|
|
@@ -170,13 +185,16 @@ var show = times - localStorage.tc;
|
|
|
if(localStorage.tc === undefined){
|
|
|
$(".tc").css("display","block");
|
|
|
$("#close2x").css("display","block");
|
|
|
+ $(".tans").css("display","block");
|
|
|
}else{
|
|
|
if(show >= 2592000000){
|
|
|
$(".tc").css("display","block");
|
|
|
$("#close2x").css("display","block");
|
|
|
+ $(".tans").css("display","block");
|
|
|
}else{
|
|
|
$(".tc").css("display","none");
|
|
|
$("#close2x").css("display","none");
|
|
|
+ $(".tans").css("display","none");
|
|
|
}
|
|
|
}
|
|
|
$("#close2x").click(function () {
|
|
@@ -186,6 +204,9 @@ $("#close2x").click(function () {
|
|
|
$("#close2x").animate({
|
|
|
opacity: "hide"
|
|
|
}, "slow");
|
|
|
+ $(".tans").animate({
|
|
|
+ opacity: "hide"
|
|
|
+ }, "slow");
|
|
|
var time = new Date().getTime();
|
|
|
localStorage.setItem("tc", time)
|
|
|
});
|