| xqd
@@ -56,6 +56,37 @@
|
|
|
left: 0;
|
|
|
background: rgba(0,0,0,0.5);
|
|
|
}
|
|
|
+ #tanchuang .tanbox{
|
|
|
+ width: 240px;
|
|
|
+ height: 120px;
|
|
|
+ background: #fff;
|
|
|
+ position: absolute;
|
|
|
+ left: 50%;
|
|
|
+ top: 50%;
|
|
|
+ margin-left: -120px;
|
|
|
+ margin-top: -60px;
|
|
|
+ border-radius: 15px;
|
|
|
+ }
|
|
|
+ .tanbox .status{
|
|
|
+ width: 80%;
|
|
|
+ height: 70%;
|
|
|
+ margin: 10%;
|
|
|
+ }
|
|
|
+ .tanbox .status text{
|
|
|
+ display: inline-block;
|
|
|
+ width: 100%;
|
|
|
+ text-align: center;
|
|
|
+ margin-top: 10px;
|
|
|
+ }
|
|
|
+ .tanbox .status .title{
|
|
|
+ display: inline-block;
|
|
|
+ width: 100%;
|
|
|
+ font-size: 20px;
|
|
|
+ font-weight: 700;
|
|
|
+ text-align: center;
|
|
|
+ color: #f04;
|
|
|
+ margin-top: 10px;
|
|
|
+ }
|
|
|
</style>
|
|
|
</head>
|
|
|
<body>
|
| xqd
@@ -84,6 +115,48 @@
|
|
|
function tijiao(){
|
|
|
var tanc=document.getElementById("tanchuang")
|
|
|
tanc.style="display:auto;"
|
|
|
+ var status = 0
|
|
|
+ var tbox = document.getElementsByClassName("status");
|
|
|
+
|
|
|
+ if(status==0){
|
|
|
+ tbox[0].style="display:auto;"
|
|
|
+ tbox[1].style="display:none;"
|
|
|
+ tbox[2].style="display:none;"
|
|
|
+ }else if(status==1){
|
|
|
+ tbox[1].style="display:auto;"
|
|
|
+ tbox[0].style="display:none;"
|
|
|
+ tbox[2].style="display:none;"
|
|
|
+ }else{
|
|
|
+ tbox[1].style="display:none;"
|
|
|
+ tbox[0].style="display:none;"
|
|
|
+ tbox[2].style="display:auto;"
|
|
|
+ }
|
|
|
+ }
|
|
|
+ function close(e){
|
|
|
+ var id = e.id;
|
|
|
+ console.log(id)
|
|
|
+ if(id=='fail'){
|
|
|
+ closebox();
|
|
|
+ }else if(id=='yeah'){
|
|
|
+ var tanc=document.getElementById("tanchuang")
|
|
|
+ tanc.style="display:none;"
|
|
|
+ }else if(id=='download'){
|
|
|
+ var tanc=document.getElementById("tanchuang")
|
|
|
+ tanc.style="display:none;"
|
|
|
+ }
|
|
|
+ }
|
|
|
+ function closebox(){
|
|
|
+ var tanc=document.getElementById("tanchuang")
|
|
|
+ tanc.style="display:none;"
|
|
|
+ }
|
|
|
+ function phonenum() {
|
|
|
+ var phone = '17828477741'
|
|
|
+ var myreg=/^[1][3,4,5,7,8][0-9]{9}$/;
|
|
|
+ if (!myreg.test(phone)) {
|
|
|
+ console.log('错了')
|
|
|
+ } else {
|
|
|
+ console.log('对了')
|
|
|
+ }
|
|
|
}
|
|
|
function closeyan(){
|
|
|
var yanz=document.getElementById("yanz")
|
| xqd
@@ -170,6 +243,21 @@
|
|
|
</div>
|
|
|
</div>
|
|
|
<div id="tanchuang" style="display: none;">
|
|
|
+ <div class="tanbox">
|
|
|
+ <div style="width: 20px;height: 20px;text-align: center;position: absolute;top: -5px;right: -5px;background: #f04;border-radius: 20px;" onclick="closebox()">X</div>
|
|
|
+ <div class="status b0">
|
|
|
+ <text class="title">提交失败!!</text>
|
|
|
+ <text style="font-size: 10px;color: #999;">请重新提交!!</text>
|
|
|
+ </div>
|
|
|
+ <div class="status b1">
|
|
|
+ <text class="title">提交成功!!</text>
|
|
|
+ <button class="btn btn-default" id="yeah" type="button" onclick="close(this)">下一页!</button>
|
|
|
+ </div>
|
|
|
+ <div class="status b2">
|
|
|
+ <text class="title">下载****!!</text>
|
|
|
+ <button class="btn btn-default" id="download" type="button" onclick="close(this)">下载!</button>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
</form>
|
|
|
</div>
|