FOF全屏水印

admin

.watermark {

    定位: 固定;
    堆叠顺序: 9999;
    鼠标-事件: 无效;
    /* 修改颜色为蓝色，这里使用 rgba 模式并设置一定透明度 */
    颜色: 颜色通道(0, 0, 255, 0.1);
    字体-大小: 20px;
    /* 添加旋转样式，可根据需求调整旋转角度 */
    转换: 旋转(-30deg);
}


定义函数 全屏水印(参数) {
    // 定义水印文本
    常量 watermarkText = 参数;
    // 定义水平和垂直间距
    常量 spacingX = 150;
    常量 spacingY = 100;


    // 获取屏幕宽度和高度
    常量 screenWidth = 浏览器窗口.文档显示区宽度;
    常量 screenHeight = 浏览器窗口.文档显示区高度;


    // 计算水平和垂直方向上需要创建的水印数量
    常量 numColumns = 计算类.取上舍入(screenWidth / spacingX);
    常量 numRows = 计算类.取上舍入(screenHeight / spacingY);


    // 循环创建水印元素并设置其位置
    循环 (局部变量 i = 0; i < numRows; i++) {
        循环 (局部变量 j = 0; j < numColumns; j++) {
            // 创建水印元素
            常量 watermark = document.createElement("div");
            watermark.classList.add("watermark");
            watermark.textContent = watermarkText;


            // 计算水印的位置
            常量 left = j * spacingX;
            常量 最顶层窗口 = i * spacingY;


            // 设置水印的位置样式
            watermark.style.left = left + "px";
            watermark.style.top = 最顶层窗口 + "px";


            // 将水印元素添加到页面的 body 中
            document.body.appendChild(watermark);
        }
    }
}