[jQuery]利用jQuery偽裝圖片上的浮水印.
最近在男丁格爾的Blog上發現了一個jQuery的好東西，它可以用來處理圖片上的浮水印。
當你要為圖片加上浮水印時，就可以利用這個library來作處理。在程式中，你可以這樣
設定：
blank(選填) 描述： 空白的遮罩圖示 預設值： 'images/blank.gif'
logo(選填) 描述： 要加上 Logo 版權宣告圖片位置；若不需要則保持空白 預設值： ''
position(選填) 描述： Logo 版權宣告圖片的擺放位置 預設值： 'bottom right'
prex(選填) 描述： 套用浮水印效果時 IMG 及 DIV 的 className 前綴 預設值： 'waterImage'
zIndex(選填) 描述： 套用浮水印效果時 IMG 及 DIV 的 z-index 值 預設值： 10000
在waterimage.js中的預設值：
1: $.fn.waterImage.defaults = {2: blank: 'images/blank.gif',
3: logo: '',
4: position: 'bottom right',
5: prex: 'waterImage',
6: zIndex: 10000 7: };
設定範例：
1: <head runat="server">
2: <title></title>
3: <script src="Scripts/jquery-1.4.1.js" type="text/javascript"></script>1:2: <script src="Scripts/jquery.waterImage.js" type="text/javascript">1: </script>2:3: <style type="text/css">4: .waterImage_img {5: border: 1px solid black;6: }7:8: </style>9: <script type="text/javascript">10: $(window).load(function () {11: $(".water").waterImage({12: logo: 'logo.gif',13: position: 'bottom',14: });15: });</script>
4: 5: 6: </head>
7: <body>
8: <form id="form1" runat="server">
9: <div>
10: <img src="Image.jpg" class="water" />
11: </div>
12: </form>
13: </body>
14: </html>
結果：
這種方法只可以防得了君子，卻防不了IT界的岳不群，不過仍不失為一種可用的方法，大家可以參考看看。
參考網址：
http://abgne.tw/jquery/apply-jquery/jquery-fake-water-image.html
如果您有微軟技術開發的問題，可以到MSDN Forum發問。
如果您有微軟IT管理的問題，可以到TechNet Forum發問喔。
