function watermark(e, n, c) {
    for (var a = (document.documentElement.clientWidth - 40 - 200) / 340 + 0, d = (document.documentElement.clientHeight - 40 - 80) / 200, o = "#aaa", m = .4, r = "15px", i = "微软雅黑", t = 200, l = 80, h = 15, s = 100, p = document.createDocumentFragment(), u = document.createElement("div"), f = 0; f < a; f++)
      for (var y = 0; y < d; y++) {
        var g = 340 * f + 20
          , v = 200 * y + 30
          , _ = document.createElement("div");
        _.id = "mark_div" + f + y,
          _.className = "mark_div";
        var w = document.createElement("div");
        w.appendChild(document.createTextNode(e));
        var $ = document.createElement("div");
        $.appendChild(document.createTextNode(n));
        var C = document.createElement("div");
        C.appendChild(document.createTextNode(c)),
          _.appendChild(w),
          _.appendChild($),
          _.appendChild(C),
          _.style.webkitTransform = "rotate(-" + h + "deg)",
          _.style.MozTransform = "rotate(-" + h + "deg)",
          _.style.msTransform = "rotate(-" + h + "deg)",
          _.style.OTransform = "rotate(-" + h + "deg)",
          _.style.transform = "rotate(-" + h + "deg)",
          _.style.visibility = "",
          _.style.position = "absolute",
          _.style.left = s + g + "px",
          _.style.top = v + "px",
          _.style.overflow = "hidden",
          _.style.zIndex = "9999",
          _.style.pointerEvents = "none",
          _.style.opacity = m,
          _.style.fontSize = r,
          _.style.fontFamily = i,
          _.style.color = o,
          _.style.textAlign = "center",
          _.style.width = t + "px",
          _.style.height = l + "px",
          _.style.display = "block",
          u.appendChild( _ )
      }
    u.className = "mark_container";
    p.appendChild(u),
      document.body.appendChild(p)
  }
  watermark("【这个是", "试试", "水印】");

 

最后修改于 2021-03-08 16:07:41
如果觉得我的文章对你有用,请随意赞赏
扫一扫支付
上一篇