Home > front end >  IE8, the watermark is not shown
IE8, the watermark is not shown

Time:04-17

 & 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> <br/></head> <br/><body> <br/></head> <br/><The iframe height="1024" width="800" id="fr1" SRC="https://bbs.csdn.net/topics/images/12345.pdf" & gt; </iframe> <br/><script language="javascript" & gt; <br/>//onload triggered when the watermark draw <br/>Window. The onl oad=function () {<br/>Watermark ({watermark_txt: "test"}); <br/>}; <br/>The function watermark (Settings) {<br/><br/>//the default Settings <br/>Var defaultSettings={<br/>Watermark_txt: "text", <br/>Watermark_x: 200,//watermark starting position x coordinate <br/>Watermark_y: 200,//watermark starting position Y coordinates <br/>Watermark_rows: 1,//watermark lines <br/>Watermark_cols: 1,//watermark columns <br/>Watermark_x_space: 100,//watermark x interval <br/>Watermark_y_space: 50,//watermark y interval <br/>Watermark_color: '# FF0000',//watermark font color <br/>Watermark_alpha: 0.9,//the watermark transparency <br/>Watermark_fontsize: '18 px,//watermark font size <br/>Watermark_font: 'Microsoft jas black',//watermark font <br/>Watermark_width: 150,//watermark width <br/>Watermark_height: 35,//watermark length <br/>Watermark_angle: 15//watermark inclination degree <br/>}; <br/>//the configuration items to replace the default, ACTS like jquery. The extend <br/>If (the arguments. The length===1 & amp; & Typeof the arguments [0]==="object") <br/>{<br/>Var src=https://bbs.csdn.net/topics/arguments [0] | | {}; <br/>For (key in SRC) <br/>{<br/>[key] if (SRC & amp; & [key] defaultSettings & amp; & [key] the SRC===defaultSettings [key]) <br/>continue; <br/>Else if (SRC [key]) <br/>DefaultSettings [key]=SRC [key]; <br/>} <br/>} <br/><br/>Var oTemp=document. CreateDocumentFragment (); <br/><br/>//get the biggest width <br/>Var page_width=Math. Max (document. Body. ScrollWidth, document. Body. ClientWidth); <br/>//a maximum length for page <br/>Var page_height=Math. Max (document. Body. ScrollHeight, document. Body. ClientHeight); <br/><br/>//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 <br/>If (defaultSettings. Watermark_cols==0 | | <br/>(parseInt (defaultSettings watermark_x <br/>+ defaultSettings. Watermark_width * defaultSettings. Watermark_cols <br/>+ defaultSettings. Watermark_x_space * (defaultSettings. Watermark_cols - 1)) <br/> Page_width)) {<br/>DefaultSettings. Watermark_cols=<br/>The parseInt ((page_width <br/>- defaultSettings. Watermark_x <br/>+ defaultSettings. Watermark_x_space) <br/>/(defaultSettings watermark_width <br/>+ defaultSettings. Watermark_x_space)); <br/>DefaultSettings. Watermark_x_space=<br/>The parseInt ((page_width <br/>- defaultSettings. Watermark_x <br/>- defaultSettings. Watermark_width <br/>* defaultSettings watermark_cols) <br/>/(defaultSettings watermark_cols - 1)); <br/>} <br/>//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 <br/>If (defaultSettings. Watermark_rows==0 | | <br/>(parseInt (defaultSettings watermark_y <br/>+ defaultSettings. Watermark_height * defaultSettings. Watermark_rows <br/>+ defaultSettings. Watermark_y_space * (defaultSettings. Watermark_rows - 1)) <br/> Page_height)) {<br/>DefaultSettings. Watermark_rows=<br/>ParseInt ((defaultSettings watermark_y_space <br/>+ page_height defaultSettings. Watermark_y) <br/>/(defaultSettings. Watermark_height + defaultSettings. Watermark_y_space)); <br/>DefaultSettings. Watermark_y_space=<br/>The parseInt ((page_height <br/>- defaultSettings. Watermark_y <br/>- defaultSettings. Watermark_height <br/>* defaultSettings watermark_rows) <br/>/(defaultSettings watermark_rows - 1)); <br/>} <br/>Var x; <br/>Var y; <br/>For (var I=0; I & lt; DefaultSettings. Watermark_rows; I++) {<br/>Y=defaultSettings. Watermark_y + (defaultSettings. Watermark_y_space + defaultSettings. Watermark_height) * I; <br/>For (var j=0; J & lt; DefaultSettings. Watermark_cols; J++) {<br/>X=defaultSettings. Watermark_x + (defaultSettings. Watermark_width + defaultSettings. Watermark_x_space) * j; <br/><br/>Var mask_div=document. The createElement method (' div '); <br/>Mask_div. Id='mask_div' + I + j; <br/>Mask_div. The appendChild (document. CreateTextNode (defaultSettings. Watermark_txt)); <br/>//set the watermark div tilt display <br/>Mask_div. Style. WebkitTransform="rotate (-" + defaultSettings. Watermark_angle + "deg)"; <br/>Mask_div. Style. MozTransform="rotate (-" + defaultSettings. Watermark_angle + "deg)"; <br/>Mask_div. Style. MsTransform="rotate (-" + defaultSettings. Watermark_angle + "deg)"; <br/>Mask_div. Style. OTransform="rotate (-" + defaultSettings. Watermark_angle + "deg)"; <br/>Mask_div. Style. The transform="rotate (-" + defaultSettings. Watermark_angle + "deg)"; <br/>Mask_div. Style. The visibility=""; <br/>Mask_div. Style. The position="absolute"; <br/>Mask_div. Style. Left=x + 'px'; <br/>Mask_div. Style. The top=y + 'px'; <br/>Mask_div. Style. Overflow="auto"; <br/>Mask_div. Style. ZIndex="9999"; <br/>Mask_div. Style. Border="1 px solid # ff0000"; <br/>Mask_div. Style. Opacity=defaultSettings. Watermark_alpha; <br/>Mask_div. Style. FontSize=defaultSettings. Watermark_fontsize; <br/>Mask_div. Style. FontFamily=defaultSettings. Watermark_font; <br/>Mask_div. Style. Color=defaultSettings. Watermark_color; <br/>Mask_div. Style. TextAlign="center"; <br/>nullnullnullnullnullnullnullnullnullnullnullnullnullnullnullnullnullnullnullnullnullnullnullnullnullnullnullnullnullnullnullnullnullnullnullnullnullnullnullnullnullnullnullnullnullnullnull </div> <div class="th_page th_page_color"></div> <div class="umCopyright"> <p>Page link:<a href="/frontend/108351.html" target="_blank" style="color:#999">https//www.codepudding.com/frontend/108351.html</a></p> </div> <div class="detail-arr"> <div class="detail-arr-left">Prev:<a href='/frontend/108350.html'>Vxe - how the service side table export?</a></div> <div class="detail-arr-right">Next:<a href='/frontend/108352.html'>JS to get the number of requests in the console</a></div> </div> </div> </div> </div> </div> <div class="container th_top"> <div class="row"> <div class="col-md-12"> <div class="hot-tags neitags"> <ul> <li><i class="iconfont icon-x-tags"></i> Tags:  </li> <a href='/e/tags/?tagname=JavaScript' target='_blank'>JavaScript</a> </ul> </div> </div> </div> </div> <div class="container th_top"> <div class="row"> <div class="col-md-12"> <div class="xiangguan"> <ul class="msg msghead"> <li class="tbname">Related</li> </ul> <ul><li><a href="/Backend/93598.html">The Java console error 360 compatible IE8 to print</a></li><li><a href="/Backend/86846.html">Ie8 ueditor cannot use CTRL v to paste the text</a></li><li><a href="/os/66907.html">Ask: how to uninstall the GHOST to install XP in IE8?</a></li><li><a href="/os/64024.html">IE8 upgraded to ie 9 or IE11 installation failure, on the Wi</a></li><li><a href="/os/60189.html">Support ie8 genuflect is begged or above 32 bit or 64 bit Sc</a></li><li><a href="/os/59215.html">IE8 doesn't open all of the pages of the HTTPS. What reason?</a></li><li><a href="/frontend/56366.html">IE8 under the form submission</a></li><li><a href="/Softwareengineering/44728.html">VB development: automatic switch in IE8 multiple web pages o</a></li><li><a href="/Backend/10995.html">How do I uninstall IE8?</a></li> </ul> </div> </div> </div> </div> <div class="container th_top"> <div class="row"> <div class="col-md-12"> <div class="flinks"> <ul> <li><i class="iconfont icon-x-tags"></i> Links:  </li> <li class="liflinks"><a target="_blank" href="/" title="CodePudding">CodePudding</a></li> </ul> </div> </div> </div> </div> <div class="footer"> <p><span style="font-size:16px;color:#666;font-weight: bold">About Us:</span>  <a href="https://www.codepudding.com/contact.html">Contact Us</a>      <a href="https://www.codepudding.com/service.html">Terms of Service</a>      <a href="https://www.codepudding.com/privacy.html"> Privacy Policy</a></p> <p class="foot_info">Copyright © 2010-2023,Powered By <a href="/" target="_blank">CodePudding</a> </p> </div> <script type="text/javascript" src="/skin/code/tianhu.js"></script> </body></html>