Javascript實現網頁水印(非圖片水印)

定義

    在一些B/S結構的應用系統中，有很多頁面是需要有水印的。常見的就是公文系統、合同系統等。大家常常關注的是網站圖片增加水印，而很少關注頁面水印。剛去Google了一圈，關于頁面水印的文章的數量為幾乎為0.

   本文討論以下的情形： 新增水印的方法需要用Javascript完成，并要求能夠方便地加入到原有的頁面中，不能影響到已有的功能。

1.2 預期目標

就圖片水印實現方案來說，我們預期至少包括以下幾個目標：

1. 實現懸浮、半透明的圖片水印

2. 包含水印的頁面，所有元素均為只讀(不可寫)

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

4. 在頁面放大、縮小(resize過程)后，需要在保證頁面不刷新的前提下，重新生成適應頁面大小的新水印，以保證所有內容都被水印覆蓋，并且不會因水印圖片范圍過大而產生滾動條。

5. 支持IE678瀏覽器。暫不考慮其他瀏覽器。

1.3 效果圖

加密前：

加密后：

可以打開附件里的文件進行查看。

生活不易，碼農辛苦
如果您覺得本網站對您的學習有所幫助,可以手機掃描二維碼進行捐贈