为网站添加一个好看的弹窗

效果图

使用方法

head引入css/js：

<link rel="stylesheet" type="text/css" href="css/xqalert.css"> <!--弹窗css-->
        <script src="js/xqalert.min.js"></script><!--弹窗js-->

body中放：

<script>
      const xqAlert = {
              code: 1, //1代表开起公告，0代表关
              bgColor: "#7FCAEA", //公告背景颜色
              bgImg: "https://tuchuangs.com/imgs/2022/09/28/b2f9a6037dc38a08.png", //背景图片
              floatImg: "https://tuchuangs.com/imgs/2022/09/28/f249469b1d918abb.png", //海豚图片
              fontColor: "#fff", //字体颜色
              congg: `<p>欢迎来自: <span id="cname" style="color: #632EFF"></span>的朋友</p>
              <p>访问日期: <span id="times"></span></p>
              <p>访问设备: <span id="so"></span></p>`  //自定义公告内容区
           }
  
     </script>

css、js俩文件均已压缩在下面压缩文件中，懂的都懂，实在不懂可以评论区留下问题等会的人帮你

源码下载地址

{hide}

{cloud title="好看的弹窗源码" type="lz" url="https://xql.lanzoue.com/iaCRI0je3xwh" password=""/}

{/hide}