弹出提示框界面加遮罩

    xiaoxiao2021-04-17  43

    <div class="tishi" id="tishi"> <div class="kuai" id="kuai"> <div class="fanhui"><button id="close"><img src="image/close.png"></button></div> </div> </div> function fn(){ $("#tishi").show(); $("#close").click(function(){$("#tishi").hide();}); for(var i = 0; i < rule.length; i++) { if(rule[i].checked) { check.push(rule[i].value);} }for(var m = 0, j = 0;(m < result.length) && (j < check.length); m++, j++) { if(result[m] == check[j]) {score += 10;} } var aaa=document.getElementById("kuai"); aaa.innerHTML="你得了"+score+"分"; }

    .tishi { width: 1280px; height: 730px; position: absolute; z-index: 10000; margin: 0px 0px 0px 0px; display: none; background: rgba(0, 0, 0, 0.5); top: 0px; left: 0px; } .kuai { width: 500px; height: 400px; background: #5cadff; left: calc(50% - 250px); top: 200px; border-radius: 10px; background:url(../img/1280/background2.png); position: fixed; background-repeat: no-repeat; } .fanhui { width: 30px; height: 30px; float: right; margin-right: 20px; margin-top: 20px; } .fanhui button { width: 30px; height: 30px; background: none; border: none; font-size: 18px; }

    转载请注明原文地址: https://ju.6miu.com/read-673750.html

    最新回复(0)