Html加水印和禁用复制和右键（jquery.watermark.js）

近期遇到一个需求，需要在页面背景加上自己的水印和禁止用户在页面复制粘贴

解决：

水印使用的是jquery.watermark.js插件，这个插件可以在html背景上加水印，同时可以设置相关属性值。

相关代码如下：

<!doctype html>
<html>
<head><meta charset="utf-8"><title>test</title><style type="text/css">body, html{width: 100%;height: 100%;margin: 0;padding: 0;}</style><script src="http://code.jquery.com/jquery-git.js"></script><script src="jquery.watermark.js"></script>
</head>
<body ><script type="text/javascript">$('body').watermark({texts : ["这是测试", "这是测试2"], //水印文字
            textColor : "#d2d2d2", //文字颜色
            textFont : '14px 微软雅黑', //字体
            width : 100, //水印文字的水平间距
            height : 100,  //水印文字的高度间距（低于文字高度会被替代）
            textRotate : -30 //-90到0， 负数值，不包含-90
        })</script>
</body>
</html>

注意：这个插件需要在引用了jquery的基础上使用

效果如下：

禁用复制和右键代码如下：

　　　　　//禁止复制和右键另存为function iEsc() { return false;}function iRec() { return true;}function DisableKeys() {if (event.ctrlKey || event.shiftKey || event.altKey) {window.event.returnValue = false;iEsc();}}document.ondragstart = iEsc;document.onkeydown = DisableKeys;document.oncontextmenu = iEsc;if (typeof document.onselectstart != "undefined")document.onselectstart = iEsc;else {document.onmousedown = iEsc;document.onmouseup = iRec;}

结束

转载于:https://www.cnblogs.com/zktww/p/11399782.html

Html加水印和禁用复制和右键（jquery.watermark.js）相关推荐

jquery.watermark.js 在网页中添加水印，打印时水印背景不见了，办法来了
如果不加下面的重点内容,打印预览的就没有水印,水印会被压在底下,当然可以手动选择背景,但是这样水印就没有意义了. ** 重点来了 /* 谷歌浏览器 / -webkit-print-color-adju ...
js页面加水印防复制防另存为代码(纯js)
这段代码是给前端页面添加水印的代码..何为水印?是可以显示登录人的姓名也可以定制一些内容等...代码如下: 前提是得引用下面两个js 可以去下载引入 <html> <head> ...
页面禁止保存、复制、右键、查看源代码、下载、嵌套等【js禁用】【js屏蔽快捷键】
<DOCTYPE html><html><head lang="en"><meta charset="UTF-8"&g ...
Java实现Excel和word转pdf加水印，复制及可用
Java实现Excel和word转pdf加水印,复制及可用时隔大半年,之前朋友,今天突然找我说,他们有个需求要做这东西.想起来之前自己照着官方文档写,也走了不少坑.今天就索性写个,也为了方便以后使用 ...
360浏览器9.1 禁用java,360浏览器解除网页禁用限制,实现右键复制的插件（Enable Copy）...
360浏览器分为极速版和普通版,在实际使用过程中,很多网友需要解除网页禁用限制,实现右键复制,那么今天小编为大家分享一款360浏览器解除网页禁用限制,实现右键复制的插件,这个插件叫做Enable Co ...
利用element显示Notification通知，复制提醒，禁用F12或右键菜单提醒
大家在设定网站提示消息时,非常推荐这个element显示Notification通知功能. 使用方法: 一.引入cdn资源  <script src=&q ...
Java代码给csv文件加水印_如何给CSV数据包的图片批量加上水印
批量加水印要用到加水印的工具了吧一.发布产品的时候,你的图片传到网上去的时候,都有一个选项,是否要在图片上加水印,系统默认的都是加水印的,你只要不选否,都是加了的. 二.photoshop加水印 1 ...
上传图片自动加水印html,帝国cms用户前台投稿上传图片自动加水印的实现方法...
帝国7.0 前台编辑器增加上传图片加水印功能! 我的是最新版 ecms 7.0 utf-8 : 修改 e/class/qinfofun.php 的第1225行复制代码代码如下: if($type ...
图片显示时加水印(不改变原图片)
[转]:http://adyhpq.blog.163.com/blog/ 刚刚写了一个在显示图片是加水印的程序(不改变原图片)的程序,写出来和大家分享一下,也许有的人已经早就会了原理很简单,就是拦截 ...
drawboard pdf拆分文件_PDF处理神器，几秒钟搞定格式转换+压缩+加水印+解密！
PDF对于一个科研学习/工作者来说几乎每天都会接触,尤其是PDF格式转换的时候不知道怎么办,还有些文件加密了只能看不能编辑,有些几十页甚至几百页的文件每次翻看起来都特别麻烦,想防盗给自己的pdf文件加 ...

Html加水印和禁用复制和右键（jquery.watermark.js）

Html加水印和禁用复制和右键（jquery.watermark.js）相关推荐

最新文章

热门文章