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


1 概述
1.1 定义
在一些B/S结构的应用系统中,有很多页面是需要有水印的。常见的就是公文系统、合同系统等。大家常常关注的是网站图片增加水印,而很少关注页面水印。刚去Google了一圈,关于页面水印的文章的数量为几乎为0. 本文中,流牛木马就与大家一起交流一下有关制作网页水印的心得。
本文讨论以下的情形: 新增水印的方法需要用Javascript完成,并要求能够方便地加入到原有的页面中,不能影响到已有的功能。
1.2 预期目标
就图片水印实现方案来说,我们预期至少包括以下几个目标:
1. 实现悬浮、半透明的图片水印
2. 包含水印的页面,所有元素均为只读(不可写)
3. 在包含框架页面中,可以控制任意一个子页面或父页面的水印生成
4. 在页面放大、缩小(resize过程)后,需要在保证页面不刷新的前提下,重新生成适应页面大小的新水印,以保证所有内容都被水印覆盖,并且不会因水印图片范围过大而产生滚动条。
5. 支持IE6\7\8浏览器。暂不考虑其他浏览器。
1.3 效果图
加密前:
http://demo.phpstudy.net/js/js_wartermark/baidu_mark.htm
附件下载
http://xiazai.phpstudy.net/201003/yuanma/js_wartermark.rar



相关阅读:
网页制作教程:在IE7中的网页文本重影问题
javascript[js]获取url参数的代码
php内置函数intval()利用不当的安全漏洞分析
用PHP为SHOPEX增加日志功能代码
整理一些JavaScript的IE和火狐的兼容性注意事项
Lesson02_01 表格标签
PHP中输出转义JavaScript代码的实现代码
javascript HTML操作代码
反垄断法8月1日实施 微软或成第一被告
一个socket组件及其调用方法
Oracle入门基础之参数文件
Ajax::prototype 源码解读
CSS滤镜:DropShadow属性
Oracle 10g for NT的启动和关闭
快速导航

Copyright © 2016 phpStudy | 皖ICP备18014864号-4