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

解决：

水印使用的是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;

        }

结束

Html加水印和禁用复制和右键（jquery.watermark.js）的更多相关文章

  1. PHP给图片加水印具体实现

    给图片加水印实现方法如下: class Mark { public function __construct() { } /** * 加水印 * @param file $srcImg 要加水印的图片 ...

  2. 使用iText对pdf做权限的操作（不允许修改，不允许复制，不允许另存为），并且加水印等

    添加水印,并且增加权限 @Test public void addWaterMark() throws Exception{ String srcFile="D:\\work\\pdf\\w ...

  3. 火车头dede采集接口，图片加水印，远程图片本地化，远程无后缀的无图片本地化

    <?php /* [LocoySpider] (C)2005-2010 Lewell Inc. 火车采集器 DedeCMS 5.7 UTF8 文章发布接口 Update content: 图片加 ...

  4. php之图片处理类缩略图加水印

    用到两个image系统函数 imagecopymerge — 拷贝并合并图像的一部分 imagecopyresampled — 重采样拷贝部分图像并调整大小 /* 如何知道图片的大小和类型 无法确认调 ...

  5. ps技术－－批量给图片加水印

    在日常的办公过程中,对于一些比较重要的文件的扫描件需要特殊处理,这时我们就需要给它们加上水印,保证它们的用途唯一,而这些扫描件很多,不可能一一给他们加水印,所以为提高工作效率,我们就可以使用一些小软件 ...

  6. PHP生成缩略图、加水印

    <?php class ThumbWaterImages{ /** * 生成缩略图/加水印 * classname ThumbWaterImages * datetime:2015-1-15 * ...

  7. 表单禁用复制、粘贴、及右击菜单(contextmenu、oncopy、oncut、onpaste、onselectstart)

    禁用右键菜单,可以使用oncontextmenu属性: <textarea oncontextmenu="return false"></textarea> ...

  8. ASP.NET Boilerplate 学习 AspNet Core2 浏览器缓存使用 c#基础，单线程，跨线程访问和线程带参数 wpf 禁用启用webbroswer右键菜单 EF Core 2.0使用MsSql/MySql实现DB First和Code First ASP.NET Core部署到Windows IIS QRCode.js：使用 JavaScript 生成

    ASP.NET Boilerplate 学习   1.在http://www.aspnetboilerplate.com/Templates 网站下载ABP模版 2.解压后打开解决方案,解决方案目录: ...

  9. ASP组件AspJpeg(加水印)生成缩略图等使用方法

    ASP组件AspJpeg(加水印)生成缩略图等使用方法 作者: 字体:[增加 减小] 类型:转载 时间:2012-12-17我要评论 ASPJPEG是一款功能相当强大的图象处理组件,用它可以轻松地做出 ...

随机推荐

  1. 牛客挑战赛33 F 淳平的形态形成场（无向图计数，EGF，多项式求逆）

    传送门: 淳平的形态形成场 题解: 把a排序后,直接统计答案恰好为a[i]并不好做,可以统计答案>a[i]的方案数,设为\(f[i]\). 即不存在一个联通块,所有的权值都<=a[i]. ...

  2. 【LeetCode 33】搜索旋转排序数组

    题目链接 [题解] 会发现旋转之后,假设旋转点是i 则0..i-1是递增有序的.然后i..len-1也是递增有序的. 且nums[i..len-1]<nums[0]. 而nums[1..i-1] ...

  3. c#将数据导出到excel中

    DataTable   dt = new BLL.T_Expiry().GetAllList().Tables[0];//查询数据 string FileName = "T_Users.xl ...

  4. String StringBuffer BufferBuilder区别

    String 是一个字符串常量,即该对象一旦被创建之后是不可以进行更改的 StringBuffer StringBuilder 是一个字符串变量 StringBuffer 是非线程安全的 但是Stri ...

  5. PAT甲级——A1130 Infix Expression【25】

    Given a syntax tree (binary), you are supposed to output the corresponding infix expression, with pa ...

  6. PAT甲级——A1149DangerousGoodsPackaging【25】

    When shipping goods with containers, we have to be careful not to pack some incompatible goods into ...

  7. sparkSQL获取DataFrame的几种方式

    sparkSQL获取DataFrame的几种方式 1. on a specific DataFrame. import org.apache.spark.sql.Column df("col ...

  8. CentOS6.5源码安装MySQL5.6.35

    CentOS6.5源码安装MySQL5.6.35 一.卸载旧版本 1.使用下面的命令检查是否安装有mysql [root@localhost tools]# rpm -qa|grep -i mysql ...

  9. [轉]Exploit The Linux Kernel NULL Pointer Dereference

    Exploit The Linux Kernel NULL Pointer Dereference Author: wztHome: http://hi.baidu.com/wzt85date: 20 ...

  10. CF914D

    CF914D 用线段树乱搞一下就行qwq #include<iostream> #include<cstring> #include<cstdio> #includ ...