找回密码
 立即注册

QQ登录

只需一步,快速开始

lalalal
初级会员   /  发表于:2020-9-14 18:54:04
11#

老大,加上这个,也出不来登录的用户名
回复 使用道具 举报
Simon.hu讲师达人认证 悬赏达人认证 活字格认证
超级版主   /  发表于:2020-9-15 14:32:54
12#
本帖最后由 Simon.hu 于 2020-9-17 11:58 编辑

我给你把代码修改一下吧,你在试试
  1. function watermark(settings) {
  2.   //默认设置
  3.   var defaultSettings = {
  4.     watermarl_element: "body",
  5.     watermark_txt: "",
  6.     watermark_x: 20, //水印起始位置x轴坐标
  7.     watermark_y: 20, //水印起始位置Y轴坐标
  8.     watermark_rows: 2000, //水印行数
  9.     watermark_cols: 2000, //水印列数
  10.     watermark_x_space: 70, //水印x轴间隔
  11.     watermark_y_space: 30, //水印y轴间隔
  12.     watermark_color: "#aaa", //水印字体颜色
  13.     watermark_alpha: 0.4, //水印透明度
  14.     watermark_fontsize: "15px", //水印字体大小
  15.     watermark_font: "微软雅黑", //水印字体
  16.     watermark_width: 210, //水印宽度
  17.     watermark_height: 80, //水印长度
  18.     watermark_angle: 15, //水印倾斜度数
  19.   };
  20.   //采用配置项替换默认值,作用类似jquery.extend
  21.   if (arguments.length === 1 && typeof arguments[0] === "object") {
  22.     var src = arguments[0] || {};
  23.     for (key in src) {
  24.       if (src[key] && defaultSettings[key] && src[key] === defaultSettings[key])
  25.         continue;
  26.       else if (src[key]) defaultSettings[key] = src[key];
  27.     }
  28.   }

  29.   var oTemp = document.createDocumentFragment();

  30.   var maskElement =
  31.     document.getElementById(defaultSettings.watermarl_element) || document.body;

  32.   //获取页面最大宽度
  33.   var page_width = Math.max(maskElement.scrollWidth, maskElement.clientWidth);

  34.   //获取页面最大高度
  35.   var page_height = Math.max(
  36.     maskElement.scrollHeight,
  37.     maskElement.clientHeight
  38.   );

  39.   //水印数量自适应元素区域尺寸
  40.   defaultSettings.watermark_cols = Math.ceil(
  41.     page_width /
  42.       (defaultSettings.watermark_x_space + defaultSettings.watermark_width)
  43.   );
  44.   defaultSettings.watermark_rows = Math.ceil(
  45.     page_height /
  46.       (defaultSettings.watermark_y_space + defaultSettings.watermark_height)
  47.   );
  48.   var x;
  49.   var y;
  50.   for (var i = 0; i < defaultSettings.watermark_rows; i++) {
  51.     y =
  52.       defaultSettings.watermark_y +
  53.       (defaultSettings.watermark_y_space + defaultSettings.watermark_height) *
  54.         i;
  55.     for (var j = 0; j < defaultSettings.watermark_cols; j++) {
  56.       x =
  57.         defaultSettings.watermark_x +
  58.         (defaultSettings.watermark_width + defaultSettings.watermark_x_space) *
  59.           j;
  60.       var mask_div = document.createElement("div");
  61.       mask_div.id = "mask_div" + i + j;
  62.       mask_div.className = "mask_div";
  63.       //mask_div.appendChild(document.createTextNode(defaultSettings.watermark_txt));
  64.       mask_div.innerHTML = defaultSettings.watermark_txt;
  65.       //设置水印div倾斜显示
  66.       mask_div.style.webkitTransform =
  67.         "rotate(-" + defaultSettings.watermark_angle + "deg)";
  68.       mask_div.style.MozTransform =
  69.         "rotate(-" + defaultSettings.watermark_angle + "deg)";
  70.       mask_div.style.msTransform =
  71.         "rotate(-" + defaultSettings.watermark_angle + "deg)";
  72.       mask_div.style.OTransform =
  73.         "rotate(-" + defaultSettings.watermark_angle + "deg)";
  74.       mask_div.style.transform =
  75.         "rotate(-" + defaultSettings.watermark_angle + "deg)";
  76.       mask_div.style.visibility = "";
  77.       mask_div.style.position = "absolute";
  78.       mask_div.style.left = x + "px";
  79.       mask_div.style.top = y + "px";
  80.       mask_div.style.overflow = "hidden";
  81.       mask_div.style.zIndex = "9999";
  82.       mask_div.style.pointerEvents = "none"; //pointer-events:none  让水印不遮挡页面的点击事件 //兼容IE9以下的透明度设置
  83.       //mask_div.style.border="solid #eee 1px";
  84.       mask_div.style.filter = "alpha(opacity=50)";
  85.       mask_div.style.opacity = defaultSettings.watermark_alpha;
  86.       mask_div.style.fontSize = defaultSettings.watermark_fontsize;
  87.       mask_div.style.fontFamily = defaultSettings.watermark_font;
  88.       mask_div.style.color = defaultSettings.watermark_color;
  89.       mask_div.style.textAlign = "center";
  90.       mask_div.style.width = defaultSettings.watermark_width + "px";
  91.       mask_div.style.height = defaultSettings.watermark_height + "px";
  92.       mask_div.style.display = "block";
  93.       oTemp.appendChild(mask_div);
  94.     }
  95.   }
  96.   maskElement.appendChild(oTemp);
  97. }
  98. var today = new Date();
  99. watermark({
  100.   watermarl_element: "pagesContainer",     //水印元素的id
  101.   watermark_txt: Forguncy.Page.getUserName()+today.getFullYear()+'-'+(today.getMonth()+1)+'-'+today.getDate()+' '+today.getHours() + ":" + today.getMinutes() + ":" + today.getSeconds(),    //水印内容
  102. });
复制代码


回复 使用道具 举报
lalalal
初级会员   /  发表于:2020-9-16 14:07:48
13#
Simon.hu 发表于 2020-9-15 14:32
我给你把代码修改一下吧,你在试试

这个代码放进去还是没有东西出来。谢谢
回复 使用道具 举报
Simon.hu讲师达人认证 悬赏达人认证 活字格认证
超级版主   /  发表于:2020-9-16 14:34:17
14#
lalalal 发表于 2020-9-16 14:07
这个代码放进去还是没有东西出来。谢谢

你新发一个帖子,附上你的工程文件,我看看

我这边明明已经弄好了
回复 使用道具 举报
gzbenson
注册会员   /  发表于:2021-10-28 10:58:39
15#
请问一下,如果我的页面是个弹窗, 复制以上代码,弹窗页面已经有水印,但是关闭弹窗页面后,原列表页面也带了水印,刷新后,页面水印消失
回复 使用道具 举报
137294886
金牌服务用户   /  发表于:2021-10-28 13:24:29
16#
回复 使用道具 举报
Lay.Li悬赏达人认证 活字格认证
超级版主   /  发表于:2021-10-28 16:01:47
17#
gzbenson 发表于 2021-10-28 10:58
请问一下,如果我的页面是个弹窗, 复制以上代码,弹窗页面已经有水印,但是关闭弹窗页面后,原列表页面也 ...

您好,对于代码这块儿我们也不是很擅长,不过我想着刷新页面既然能消失,那我们是否可以在关闭弹出页面后加一个js命令对页面做一个刷新,然后水印就会消失了
我在网上给您找了相关的代码您可以参考参考,您也可以自己去寻找一些可以使用的js代码

js刷新页面的几种方法

回复 使用道具 举报
nsc117
中级会员   /  发表于:2021-10-28 16:23:31
18#
记号  很聪明的办法!!!
感谢大佬分享!
回复 使用道具 举报
Lay.Li悬赏达人认证 活字格认证
超级版主   /  发表于:2021-10-28 17:05:03
19#
nsc117 发表于 2021-10-28 16:23
记号  很聪明的办法!!!
感谢大佬分享!

回复 使用道具 举报
12
您需要登录后才可以回帖 登录 | 立即注册
返回顶部