加入收藏 | 设为首页 | 会员中心 | 我要投稿 辽源站长网 (https://www.0437zz.com/)- 云专线、云连接、智能数据、边缘计算、数据安全!
当前位置: 首页 > 创业 > 模式 > 正文

Javascript实现网页水印(非图片水印)

发布时间:2018-09-11 12:45:52 所属栏目:模式 来源:站长网
导读:定义 在一些B/S结构的应用系统中,有很多页面是需要有水印的。常见的就是公文系统、合同系统等。大家常常关注的是网站图片增加水印,而很少关注页面水

定义

    在一些B/S结构的应用系统中,有很多页面是需要有水印的。常见的就是公文系统、合同系统等。大家常常关注的是网站图片增加水印,而很少关注页面水印。刚去Google了一圈,关于页面水印的文章的数量为几乎为0.

   本文讨论以下的情形: 新增水印的方法需要用Javascript完成,并要求能够方便地加入到原有的页面中,不能影响到已有的功能。

1.2 预期目标

就图片水印实现方案来说,我们预期至少包括以下几个目标:

1. 实现悬浮、半透明的图片水印

2. 包含水印的页面,所有元素均为只读(不可写)

3. 在包含框架页面中,可以控制任意一个子页面或父页面的水印生成

4. 在页面放大、缩小(resize过程)后,需要在保证页面不刷新的前提下,重新生成适应页面大小的新水印,以保证所有内容都被水印覆盖,并且不会因水印图片范围过大而产生滚动条。

5. 支持IE678浏览器。暂不考虑其他浏览器。

1.3 效果图

加密前:

clip_image002

加密后:

clip_image004

可以打开附件里的文件进行查看。

(编辑:辽源站长网)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    推荐文章
      热点阅读