如果你有开发需求,可以联系一秒互联公司, 联系电话:400-716-8908  微信:diycloud 

wordpress主题给网页加水印代码

DeepSeek - AI生成摘要

废话不多说,下边代码直接复制到通用js中,或如果wordpress后台有自定义JS代码的地方 直接加进去即可 <script> $(document).ready(function() { var watermark_txt = "一秒云软件中心" + getDate(); watermark({"watermarl_element":"

废话不多说,下边代码直接复制到通用js中,或如果wordpress后台有自定义JS代码的地方 直接加进去即可

  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>

wordpress主题给网页加水印代码

DeepSeek 推理问答

×

如问我这篇文章讲了什么。这篇文章是什么意思等。

声明:注意:本站部分图片由 :https://unsplash.com/ 提供
**免责声明**
本网站所载的所有文章内容仅供参考,不构成任何形式的专业建议、意见或判断依据。对于本网站提供的开源代码及免费下载的代码,用户应仅将其用于个人学习、研究或非商业目的,并应在下载后合理期限内完成必要的使用或评估。本网站明确要求用户不得将这些代码用于任何商业用途。
本网站对于所提供的开源代码及免费下载的代码仅用于分享参考,版权归原作者所有。本网站坚决支持并维护软件著作权持有人的合法权益,并强调对原著者的尊重与保护,不会将这些代码用于任何形式的商业盈利目的。
本网站内图片素材、文章内容部分来源于网络收集转载,如有侵权,请联系我们以便及时处理。联系方式:meng#yimiaonet.com(请将“#”替换为“@”)。
未经本网站书面许可,任何个人或组织不得复制、盗用、采集、发布或以其他方式传播本网站的内容至任何形式的网站、书籍、媒体平台或其他公共领域。若本网站内容涉及对原著者合法权益的侵犯,原著者或本网站有权采取法律措施维护自身权益。
本声明由一秒云软件中心发布,并保留随时修改本声明的权利。官方网站信息如下:本站网站:2024.okmg.cn。“OKMG”为本网站注册商标,受法律保护。
wordpress一秒学院

给WordPress网站文章添加字数、图数、阅读时长

2024-9-10 10:40:25

wordpress

WordPress 实现“试试手气”随机阅读功能

2024-10-16 19:49:11

0 条回复A文章作者M管理员
欢迎您,新朋友,感谢参与互动!
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
搜索