• 全都有综合资源网

    分享赚钱

    一个专业的免费资源网

    每天更新100+优质资源

  • 手机版二维码

    随时手机查素材

  • 扫描二维码

    加入官方微信群

2024最新WordPress新闻博客网站免费给网页添加全屏水印教程附源代码免费下载 ...

技术文章 全都有综合资源
2023-6-15 16:55 114人浏览 0人回复
原作者: 全都有综合资源 来自: 全都有综合资源 收藏 分享 邀请
摘要

全都有综合资源网温馨提示:现在很多的时候有很多网站必需要防止被他人盗用,或是其他一些信息标注等,很需要开启防盗防水印,下边代码直接复制到通用js中, 或者如果后台有自定义JS代码的地 方 !!!!直接加进趣 ...

 全都有综合资本网温馨提醒:现在很多的时辰有很多网站必必要避免被他人盗用,或是其他一些信息标注等,很需要开启防盗防水印,下边代码间接复制到通用js中, 大概假如背景有自界说JS代码的地 方 !!!!间接加进趣便可以啦!

2024最新WordPress消息博客网站免费给网页增加全屏水印教程附源代码免费下载 ...2302 作者:全都有综合资本 来历:全都有综合资本 公布时候:2023-6-15 16:55

layui-box layui-code-view" style="margin-top: 10px; margin-bottom: 10px; padding: 0px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-wrap: wrap; overflow-wrap: break-word; box-sizing: content-box; position: relative; font-size: 12px; border-width: 1px 1px 1px 6px; border-style: solid; border-color: rgb(226, 226, 226); border-image: initial; background-color: rgb(242, 242, 242); color: rgb(51, 51, 51); font-family: "Courier New";">

code

  1. <script>
  2.     $(document).ready(function() {
  3.        var watermark_txt = "全都有综合资本" + getDate();
  4.        watermark({"watermarl_element":"watermark-wrapper", "watermark_txt":watermark_txt});
  5.     });
  6.     function watermark(settings) {
  7.         //默许设备
  8.         var defaultSettings={
  9.             watermarl_element:"body",
  10.             watermark_txt:"",
  11.             watermark_x:10,//水印肇端位置x轴坐标
  12.             watermark_y:10,//水印肇端位置Y轴坐标
  13.             watermark_rows:2000,//水印行数
  14.             watermark_cols:2000,//水印列数
  15.             watermark_x_space:50,//水印x轴间隔
  16.             watermark_y_space:50,//水印y轴间隔
  17.             watermark_color:'#d7d7d7',//水印字体色彩
  18.             watermark_alpha:0.3,//水印通明度
  19.             watermark_fontsize:'15px',//水印字体巨细
  20.             watermark_font:'思源黑体',//水印字体
  21.             watermark_width:500,//水印宽度
  22.             watermark_height:50,//水印长度
  23.             watermark_angle:15//水印倾斜度数
  24.         };
  25.         //采用设置项替换默许值,感化类似jquery.extend
  26.         if(arguments.length===1&&typeof arguments[0] ==="object" ) {
  27.             var src=arguments[0]||{};
  28.             for(key in src) {
  29.                 if(src[key]&&defaultSettings[key]&&src[key]===defaultSettings[key]){
  30.                     continue;
  31.                 } else if(src[key]){
  32.                     defaultSettings[key]=src[key];
  33.                 }
  34.             }
  35.         }
  36.         var oTemp = document.createDocumentFragment();
  37.         var maskElement=document.getElementById(defaultSettings.watermarl_element) || document.body;
  38.         //获得页面最大宽度
  39.         var page_width = Math.max(maskElement.scrollWidth,maskElement.clientWidth);
  40.         //获得页面最大高度
  41.         var page_height = Math.max(maskElement.scrollHeight,maskElement.clientHeight,maskElement.scrollTop);
  42.         //水印数目自顺应元素地区尺寸
  43.         defaultSettings.watermark_cols=Math.ceil(page_width/(defaultSettings.watermark_x_space+defaultSettings.watermark_width));
  44.         defaultSettings.watermark_rows=Math.ceil(page_height/(defaultSettings.watermark_y_space+defaultSettings.watermark_height));
  45.         var x;
  46.         var y;
  47.         for (var i = 0; i < defaultSettings.watermark_rows; i++) {
  48.             y = defaultSettings.watermark_y + (defaultSettings.watermark_y_space + defaultSettings.watermark_height) * i;
  49.             for (var j = 0; j < defaultSettings.watermark_cols; j++) {
  50.                 x = defaultSettings.watermark_x + (defaultSettings.watermark_width + defaultSettings.watermark_x_space) * j;
  51.                 var mask_div = document.createElement('div');
  52.                 mask_div.id = 'mask_div' + i + j;
  53.                 mask_div.className = 'mask_div';
  54.                 //mask_div.appendChild(document.createTextNode(defaultSettings.watermark_txt));
  55.                 mask_div.innerHTML=(defaultSettings.watermark_txt);
  56.                 //设备水印div倾斜显现
  57.                 mask_div.style.webkitTransform = "rotate(-" + defaultSettings.watermark_angle + "deg)";
  58.                 mask_div.style.MozTransform = "rotate(-" + defaultSettings.watermark_angle + "deg)";
  59.                 mask_div.style.msTransform = "rotate(-" + defaultSettings.watermark_angle + "deg)";
  60.                 mask_div.style.OTransform = "rotate(-" + defaultSettings.watermark_angle + "deg)";
  61.                 mask_div.style.transform = "rotate(-" + defaultSettings.watermark_angle + "deg)";
  62.                 mask_div.style.visibility = "";
  63.                 mask_div.style.position = "absolute";
  64.                 mask_div.style.left = x + 'px';
  65.                 mask_div.style.top = y + 'px';
  66.                 mask_div.style.overflow = "hidden";
  67.                 mask_div.style.zIndex = "1029"; // 9999
  68.                 // pointer-events:none  让水印不遮挡页面的点击事务
  69.                 mask_div.style.pointerEvents='none';
  70.                 // 设备边框
  71.                 // mask_div.style.border="solid #eee 1px";
  72.                 // 兼容IE9以下的通明度设备
  73.                 mask_div.style.filter="alpha(opacity=50)";
  74.                 mask_div.style.opacity = defaultSettings.watermark_alpha;
  75.                 mask_div.style.fontSize = defaultSettings.watermark_fontsize;
  76.                 mask_div.style.fontFamily = defaultSettings.watermark_font;
  77.                 mask_div.style.color = defaultSettings.watermark_color;
  78.                 mask_div.style.textAlign = "center";
  79.                 mask_div.style.width = defaultSettings.watermark_width + 'px';
  80.                 mask_div.style.height = defaultSettings.watermark_height + 'px';
  81.                 mask_div.style.display = "block";
  82.                 oTemp.appendChild(mask_div);
  83.             };
  84.         };
  85.         maskElement.appendChild(oTemp);
  86.     }
  87.     function getDate() {
  88.         var d = new Date();
  89.         var year = d.getFullYear() >= 10 ? d.getFullYear() : ('0'+d.getFullYear());
  90.         var month = d.getMonth()+1 >= 10 ? d.getMonth()+1 : ('0'+d.getMonth()+1);
  91.         var day = d.getDate() >= 10 ? d.getDate() : ('0'+d.getDate());
  92.         var hour = d.getHours() >= 10 ? d.getHours() : ('0'+d.getHours());
  93.         var minute = d.getMinutes() >= 10 ? d.getMinutes() : ('0'+d.getMinutes());
  94.         var second = d.getSeconds() >= 10 ? d.getSeconds() : ('0'+d.getSeconds());
  95.         return year+"-"+month+"-"+day+" "+hour+":"+minute+":"+second;
  96.     }
  97. </script>
©版权免责声明
1、本站所有资源均来自用户上传及互联网。 如有侵权,请联系站长!
2、分享目的仅供大家学习交流。 下载后必须在24小时内删除!
3、不得用于非法商业目的或违反国家法律。 否则,后果自负!
4、本站提供的源代码、模板、插件等资源不包含技术服务。 敬请谅解!
5.如果出现无法下载、无效或有广告的链接,请联系管理员寻求帮助!
6、本站资源价格仅用于赞助,所收取的费用仅用于维持本站日常运营!
7、如果遇到加密压缩包,请使用WINRAR解压。 如果遇到无法解压的加密压缩包,请联系管理员!
8、由于精力有限,很多源代码无法详细测试(解密),部分源代码无法区分为病毒或误报,所以没有进行修改。 请在使用前进行筛选。

路过

雷人

握手

鲜花

鸡蛋
热门教程
专业的免费源码资源分享平台
每天更新100+资源

招募版主发工资

  • 官方在线客服

    QQ客服:红颜

    点击交谈

    在线客服:良子

    点击交谈

    在线客服:闵月

    点击交谈
  • 上海市虹口区海伦中心B座4F4055-4056室

  • 手机扫码查看手机版

    手机查找资源更方便

  • 扫一扫关注官方微信公众号

    加入官方微信

一个专业的免费源码资源互联网分享平台 ©2001-2024 https://www.douyouvip.com全都有综合资源网( 豫ICP备2024057239号-1 )赞助会员|网站地图 HTML
全都有综合资源网,WordPress主题PHP源码,PHP网站源码,网站模板,软件源码,网站源码免费下载,免费网站源码,网站源码模板,免费网站源码下载,wp免费源码,wp免费主题下载,PHP企业网站源码,软件源码下载