1var styleCss = "<style>"+ 2 "@keyframes loadingAnimate{from {-webkit-transform: rotateY(0deg);-o-transform: rotateY(0deg);-ms-transform: rotateY(0deg);-moz-transform: rotateY(0deg);transform: rotateY(0deg);}to {-webkit-transform: rotateY(-180deg);-o-transform: rotateY(-180deg);-ms-transform: rotateY(-180deg);-moz-transform: rotateY(-180deg);transform: rotateY(-180deg);}}"+ 3 "@-webkit-keyframes loadingAnimate{from {-webkit-transform: rotateY(0deg);-o-transform: rotateY(0deg);-ms-transform: rotateY(0deg);-moz-transform: rotateY(0deg);transform: rotateY(0deg);}to {-webkit-transform: rotateY(-180deg);-o-transform: rotateY(-180deg);-ms-transform: rotateY(-180deg);-moz-transform: rotateY(-180deg);transform: rotateY(-180deg);}}"+ 4 ".loadingRun{-webkit-animation : loadingAnimate 1.2s infinite;animation : loadingAnimate 1.2s infinite;}</style>"; 5$("body").append(styleCss); 6 7window.waitForLoading = true; 8var LoadingJS = function(){ 9 this.initConfig(); 10 this.initHtml(); 11 this.initCss(); 12 this.startLoading(); 13 14 this.onResize(); 15 var self = this; 16 $(window).resize(function(){ 17 self.onResize(); 18 }); 19 20 window.setTimeout(function(){window.waitForLoading = false;},250); 21} 22 23LoadingJS.prototype = { 24 25 initHtml : function(){ 26 this.stop = false; 27 this.loadImageUrl = "<svg t=\"1525916222299\" class=\"icon\" style=\"\" viewBox=\"130 0 800 1024\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" p-id=\"2478\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" width=\"49\" height=\"56\"><defs><style type=\"text/css\"></style></defs><path d=\"M835.55027 48.761905C876.805122 48.761905 910.222223 81.441158 910.222223 121.753604L910.222223 902.095C910.222223 902.095 910.222223 942.409011 876.805 975.238095L113.777778 975.238095 113.777778 24.380952 88.888889 48.761905 835.55027 48.761905ZM64 0 64 24.380952 64 1024L960 1024C835.55027 1024 904.277615 1024 960 969.325498L960 54.49204C960 54.49204 904.277615 0 835.55027 0L88.888889 0 64 0Z\" p-id=\"2479\"></path><path d=\"M775.164361 219.428572C788.910114 219.428572 800.05325 208.512847 800.05325 195.047619 800.05325 181.582391 788.910114 170.666667 775.164361 170.666667L263.111111 170.666667C249.365357 170.666667 238.222222 181.582391 238.222222 195.047619 238.222222 208.512847 249.365357 219.428572 263.111111 219.428572L775.164361 219.428572Z\" p-id=\"2481\"></path><path d=\"M775.164361 365.714285C788.910114 365.714285 800.05325 354.798562 800.05325 341.333333 800.05325 327.868105 788.910114 316.952382 775.164361 316.952382L263.111111 316.952382C249.365357 316.952382 238.222222 327.868105 238.222222 341.333333 238.222222 354.798562 249.365357 365.714285 263.111111 365.714285L775.164361 365.714285Z\" p-id=\"2482\"></path><path d=\"M775.164361 536.380951C788.910114 536.380951 800.05325 525.465229 800.05325 512 800.05325 498.534771 788.910114 487.619049 775.164361 487.619049L263.111111 487.619049C249.365357 487.619049 238.222222 498.534771 238.222222 512 238.222222 525.465229 249.365357 536.380951 263.111111 536.380951L775.164361 536.380951Z\" p-id=\"2483\"></path></svg>"; 28 this.instance = $("<div></div>"); 29 this.image = $("<img src='" + this.loadingPicture + "'/>"); 30 this.title = $("<p></p>"); 31 32 this.bg = $("<div style='transform:scale(1)'></div>"); 33 34 if(this.loadingPicture) this.instance.append(this.image); 35 36 this.initAnimationHtml(); 37 38 this.instance.append(this.title); 39 this.bg.append(this.instance); 40 $("body").append(this.bg); 41 }, 42 43 initAnimationHtml : function(){ 44 45 this.loadBox = $("<div></div>"); 46 var img1 = $(this.loadImageUrl); 47 var img2 = $(this.loadImageUrl); 48 this.img3 = $(this.loadImageUrl); 49 this.img3.attr("class", "loadingRun"); 50 51 this.loadBox.css({ 52 "position":"relative", 53 "perspective":"200px", 54 "-webkit-transform-style":"preserve-3d", 55 "-o-transform-style":"preserve-3d", 56 "-ms-transform-style":"preserve-3d", 57 "-moz-transform-style":"preserve-3d", 58 "transform-style":"preserve-3d" 59 }); 60 61 this.img3.css({ 62 "position" : "absolute" , 63 "left" : "50%" , 64 "z-index" : "-1" , 65 "-webkit-transform-origin" : "0 50%", 66 "-o-transform-origin" : "0 50%", 67 "-ms-transform-origin" : "0 50%", 68 "-moz-transform-origin" : "0 50%", 69 "transform-origin" : "0 50%", 70 "fill" : this.loadingCaptionColor 71 }); 72 73 img2.css({ 74 "position" : "absolute" , 75 "left" : "-50%" , 76 "-webkit-transform":"rotateY(180deg)", 77 "-o-transform":"rotateY(180deg)", 78 "-ms-transform":"rotateY(180deg)", 79 "-moz-transform":"rotateY(180deg)", 80 "transform":"rotateY(180deg)", 81 "fill" : this.loadingCaptionColor 82 }); 83 84 img1.css({ 85 "position" : "absolute" , 86 "left" : "50%", 87 "fill" : this.loadingCaptionColor 88 }); 89 90 this.loadBox.append(img1).append(img2).append(this.img3); 91 this.instance.append(this.loadBox); 92 }, 93 94 initConfig : function(){ 95 this.loadingCaption, this.loadingCaptionColor, this.loadingPicture; 96 try{ 97 this.loadingCaption = bookConfig.loadingCaption ? bookConfig.loadingCaption : "Loading"; 98 this.loadingCaptionColor = bookConfig.loadingCaptionColor ? bookConfig.loadingCaptionColor : "#DDDDDD";
99 this.loadingBackground = bookConfig.loadingBackground ? bookConfig.loadingBackground : "#1F2232"; 100 this.loadingPicture = bookConfig.loadingPicture ? bookConfig.loadingPicture : ""; 101 }catch(err){ 102 this.loadingCaption = "Loading"; 103 this.loadingCaptionColor = "#BDBDBD"; 104 this.loadingBackground = "#1F2233"; 105 this.loadingPicture = ""; 106 } 107 }, 108 109 startLoading : function(){ 110 this.title.text($(document).attr("title")); 111 }, 112 113 destroy : function(){ 114 if(global.isIE8()||global.isIE9()){ 115 this.bg.animate({"opacity":"0"},0.6,function(){ 116 this.img3.attr("class", ""); 117 $("body>style").html(""); 118 this.bg.remove(); 119 this.image.attr("src", ""); 120 $("body").css({"background-color" : ""}); 121 }.bind(this)); 122 }else{ 123 animateOnce(this.bg , {"opacity":"0"} , 0.6 ,function(){ 124 this.img3.attr("class", ""); 125 $("body>style").html(""); 126 this.bg.remove(); 127 this.image.attr("src", ""); 128 $("body").css({"background-color" : ""}); 129 }.bind(this)); 130 } 131 132 }, 133 134 initCss : function(){ 135 $("html").css({ 136 "margin" : 0, 137 "padding" : 0, 138 "width" : "100%",
139 "height" : "100%" 140 }); 141 142 $("body").css({ 143 "margin" : 0, 144 "padding" : 0, 145 "width" : "100%", 146 "height" : "100%", 147 "position" : "fixed", 148 "background-color" : this.loadingBackground 149 }); 150 151 this.bg.css({ 152 "margin" : 0, 153 "padding" : 0, 154 "width" : "100%", 155 "height" : "100%", 156 "position" : "fixed", 157 "background-color" : this.loadingBackground 158 }); 159 160 this.instance.css({ 161 "width" : "100%", 162 "height" : "100%", 163 "color" : this.loadingCaptionColor, 164 "text-align" : "center", 165 "vertical-align" : "middle", 166 "font-family" : "Tahoma", 167 "position" : "relative", 168 169 }); 170 171 this.image.css({ 172 "position" : "absolute", 173 "bottom" : "75%", 174 "left" : "50%", 175 "-webkit-transform" : "translate(-50% , 50%)", 176 "-moz-transform" : "translate(-50% , 50%)", 177 "-ms-transform" : "translate(-50% , 50%)", 178 "-o-transform" : "translate(-50% , 50%)", 179 "transform" : "translate(-50% , 50%)", 180 "margin-bottom" : "28px", 181 "max-width" : "40%", 182 "max-height" : "30%" 183 }); 184 185 if(window.innerHeight <= 300) this.image.hide(); 186 187 var titleTran = "translate(-50%, 16px)"; 188 var loadingBoxTran = "translate(-50% , -56px)"; 189 190 // if(this.loadingPicture) { 191 // var titleTran = "translate(-50%, 40px)"; 192 // var loadingBoxTran = "translate(-50% , -50%)"; 193 // } 194 195 this.title.css({ 196 "font-family":"Arial", 197 "font-size" : "24px", 198 "position" : "absolute", 199 "top" : "50%", 200 "left" : "50%", 201 "-webkit-transform" : titleTran, 202 "-moz-transform" : titleTran, 203 "-ms-transform" : titleTran, 204 "-o-transform" : titleTran, 205 "transform" : titleTran, 206 "margin" : 0, 207 "padding" : 0 208 }); 209 210 this.loadBox.css({ 211 "position" : "absolute", 212 "width" : "49px", 213 "height" : "56px", 214 "left" : "50%", 215 "top" : "50%", 216 "-webkit-transform" : loadingBoxTran, 217 "-moz-transform" : loadingBoxTran, 218 "-ms-transform" : loadingBoxTran, 219 "-o-transform" : loadingBoxTran, 220 "transform" : loadingBoxTran, 221 "padding" : 0 222 }); 223 }, 224 225 onResize : function(){} 226 227} 228 229var jsLoadingBar = new LoadingJS();
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.