PHP 窗口提示模块分享

在我们PHP开发中 会需要使用很多弹出层提示框，每次调用都会很麻烦  这里 土嘎嘎技术自己封装了一套

<style>

.tggzwa::-webkit-scrollbar{background-color:#f1f1f1;width:5px;}.tggzwa::-webkit-scrollbar-thumb{background-color:#888;}.tggzwa::-webkit-scrollbar-thumb:hover{background-color:#555;}.overlay{position:fixed;top:50%;left:0;width:100%;height:100%;display:none;z-index:9999;background-color:rgba(0,0,0,0.6);justify-content:center;align-items:flex-start;transform:translateY(-50%);padding-top:400px;}.popup{background-color:#12b1e1;padding:10px 5px 5px 5px;border-radius:5px;position:relative;min-width:200px;}.close-icon{position:absolute;top:0px;right:10px;cursor:pointer;font-size:28px;z-index:10000;font-weight:bold;color: #fff;}.close-icon:hover{color:#0c96a9;}.tggzwa{margin: 29px 1px 1px 2px;padding-top:5px;font-weight:bold;overflow:auto;max-height:200px;background: #fff;border-radius: 5px;padding-bottom: 8px;}.tggzwa p{margin:0px;line-height:24px;padding: 0px 15px;}.tiss{margin:0px;padding:0px;float:left;color:#fff;font-weight: bold;}

</style>

<div class="overlay" id="overlay" style="<?php echo ($tanchukaiguan ? 'display: flex; color: red;' : ''); ?>">

    <div class="popup" id="popup"><!-- $tanchukaiguan = true;  -->

<div class="tiss">『友情提示』</div><div class="tggzwa"><?php echo $tggMsg; ?></div>

        <span class="close-icon" onclick="closePopup()">&times;</span>

    </div>

</div>

<script>

function closePopup() {

var overlay = document.getElementById("overlay");

overlay.style.display = "none";

}

</script>

把上面代码直接加载 < /body  > 和  < /html > 之间即可 调用方法 ：

$tanchukaiguan = true;

$tggMsg = "提示内容";
上面的是开关以及提示内容， 只能用于 PHP代码中 在HTML代码中不生效 你懂得！