& lt; ! PUBLIC DOCTYPE HTML "-////W3C DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd" & gt;
<meta HTTP - equiv="content-type" Content="text/HTML. Charset=gb2312 "& gt;
No title documents & lt;/title>
<body>
<script language="javascript" & gt;
//onload triggered when the watermark draw
Window. The onl oad=function () {
Watermark ({watermark_txt: "test"});
};
The function watermark (Settings) {
//the default Settings
Var defaultSettings={
Watermark_txt: "text",
Watermark_x: 200,//watermark starting position x coordinate
Watermark_y: 200,//watermark starting position Y coordinates
Watermark_rows: 1,//watermark lines
Watermark_cols: 1,//watermark columns
Watermark_x_space: 100,//watermark x interval
Watermark_y_space: 50,//watermark y interval
Watermark_color: '# FF0000',//watermark font color
Watermark_alpha: 0.9,//the watermark transparency
Watermark_fontsize: '18 px,//watermark font size
Watermark_font: 'Microsoft jas black',//watermark font
Watermark_width: 150,//watermark width
Watermark_height: 35,//watermark length
Watermark_angle: 15//watermark inclination degree
};
//the configuration items to replace the default, ACTS like jquery. The extend
If (the arguments. The length===1 & amp; & Typeof the arguments [0]==="object")
{
Var src=https://bbs.csdn.net/topics/arguments [0] | | {};
For (key in SRC)
{
[key] if (SRC & amp; & [key] defaultSettings & amp; & [key] the SRC===defaultSettings [key])
continue;
Else if (SRC [key])
DefaultSettings [key]=SRC [key];
}
}
Var oTemp=document. CreateDocumentFragment ();
//get the biggest width
Var page_width=Math. Max (document. Body. ScrollWidth, document. Body. ClientWidth);
//a maximum length for page
Var page_height=Math. Max (document. Body. ScrollHeight, document. Body. ClientHeight);
//if the watermark is the number of columns is set to 0, or watermark columns set is too large, more than the maximum width, recalculate the watermark number of columns and watermark x interval
If (defaultSettings. Watermark_cols==0 | |
(parseInt (defaultSettings watermark_x
+ defaultSettings. Watermark_width * defaultSettings. Watermark_cols
+ defaultSettings. Watermark_x_space * (defaultSettings. Watermark_cols - 1))
Page_width)) {
DefaultSettings. Watermark_cols=
The parseInt ((page_width
- defaultSettings. Watermark_x
+ defaultSettings. Watermark_x_space)
/(defaultSettings watermark_width
+ defaultSettings. Watermark_x_space));
DefaultSettings. Watermark_x_space=
The parseInt ((page_width
- defaultSettings. Watermark_x
- defaultSettings. Watermark_width
* defaultSettings watermark_cols)
/(defaultSettings watermark_cols - 1));
}
//if the watermarking line number is set to 0, or watermark lines set is too large, page more than the maximum length, then to recalculate the watermark lines and watermark y interval
If (defaultSettings. Watermark_rows==0 | |
(parseInt (defaultSettings watermark_y
+ defaultSettings. Watermark_height * defaultSettings. Watermark_rows
+ defaultSettings. Watermark_y_space * (defaultSettings. Watermark_rows - 1))
Page_height)) {
DefaultSettings. Watermark_rows=
ParseInt ((defaultSettings watermark_y_space
+ page_height defaultSettings. Watermark_y)
/(defaultSettings. Watermark_height + defaultSettings. Watermark_y_space));
DefaultSettings. Watermark_y_space=
The parseInt ((page_height
- defaultSettings. Watermark_y
- defaultSettings. Watermark_height
* defaultSettings watermark_rows)
/(defaultSettings watermark_rows - 1));
}
Var x;
Var y;
For (var I=0; I & lt; DefaultSettings. Watermark_rows; I++) {
Y=defaultSettings. Watermark_y + (defaultSettings. Watermark_y_space + defaultSettings. Watermark_height) * I;
For (var j=0; J & lt; DefaultSettings. Watermark_cols; J++) {
X=defaultSettings. Watermark_x + (defaultSettings. Watermark_width + defaultSettings. Watermark_x_space) * j;
Var mask_div=document. The createElement method (' div ');
Mask_div. Id='mask_div' + I + j;
Mask_div. The appendChild (document. CreateTextNode (defaultSettings. Watermark_txt));
//set the watermark div tilt display
Mask_div. Style. WebkitTransform="rotate (-" + defaultSettings. Watermark_angle + "deg)";
Mask_div. Style. MozTransform="rotate (-" + defaultSettings. Watermark_angle + "deg)";
Mask_div. Style. MsTransform="rotate (-" + defaultSettings. Watermark_angle + "deg)";
Mask_div. Style. OTransform="rotate (-" + defaultSettings. Watermark_angle + "deg)";
Mask_div. Style. The transform="rotate (-" + defaultSettings. Watermark_angle + "deg)";
Mask_div. Style. The visibility="";
Mask_div. Style. The position="absolute";
Mask_div. Style. Left=x + 'px';
Mask_div. Style. The top=y + 'px';
Mask_div. Style. Overflow="auto";
Mask_div. Style. ZIndex="9999";
Mask_div. Style. Border="1 px solid # ff0000";
Mask_div. Style. Opacity=defaultSettings. Watermark_alpha;
Mask_div. Style. FontSize=defaultSettings. Watermark_fontsize;
Mask_div. Style. FontFamily=defaultSettings. Watermark_font;
Mask_div. Style. Color=defaultSettings. Watermark_color;
Mask_div. Style. TextAlign="center";
nullnullnullnullnullnullnullnullnullnullnullnullnullnullnullnullnullnullnullnullnullnullnullnullnullnullnullnullnullnullnullnullnullnullnullnullnullnullnullnullnullnullnullnullnullnullnull