Adam / webapp_admin

Blame view

static/plugins/fakeLoader/fakeLoader.min.js 3.16 KB
edit raw normal view history
831eac332   zhuzhenchao   add file 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
 
  (function (b) {
      b.fn.fakeLoader = function (m) {
          var f = b.extend({
              timeToHide: 1200,
              pos: "fixed",
              top: "0px",
              left: "0px",
              width: "100%",
              height: "100%",
              zIndex: "999",
              bgColor: "#2ecc71",
              spinner: "spinner7",
              imagePath: ""
          }, m);
          var l = '<div class="fl spinner1"><div class="double-bounce1"></div><div class="double-bounce2"></div></div>';
          var k = '<div class="fl spinner2"><div class="spinner-container container1"><div class="circle1"></div><div class="circle2"></div><div class="circle3"></div><div class="circle4"></div></div><div class="spinner-container container2"><div class="circle1"></div><div class="circle2"></div><div class="circle3"></div><div class="circle4"></div></div><div class="spinner-container container3"><div class="circle1"></div><div class="circle2"></div><div class="circle3"></div><div class="circle4"></div></div></div>';
          var j = '<div class="fl spinner3"><div class="dot1"></div><div class="dot2"></div></div>';
          var i = '<div class="fl spinner4"></div>';
          var h = '<div class="fl spinner5"><div class="cube1"></div><div class="cube2"></div></div>';
          var g = '<div class="fl spinner6"><div class="rect1"></div><div class="rect2"></div><div class="rect3"></div><div class="rect4"></div><div class="rect5"></div></div>';
          var e = '<div class="fl spinner7"><div class="circ1"></div><div class="circ2"></div><div class="circ3"></div><div class="circ4"></div></div>';
          var d = b(this);
          var c = {position: f.pos, width: f.width, height: f.height, top: f.top, left: f.left};
          d.css(c);
          d.each(function () {
              var n = f.spinner;
              switch (n) {
                  case"spinner1":
                      d.html(l);
                      break;
                  case"spinner2":
                      d.html(k);
                      break;
                  case"spinner3":
                      d.html(j);
                      break;
                  case"spinner4":
                      d.html(i);
                      break;
                  case"spinner5":
                      d.html(h);
                      break;
                  case"spinner6":
                      d.html(g);
                      break;
                  case"spinner7":
                      d.html(e);
                      break;
                  default:
                      d.html(l)
              }
              if (f.imagePath != "") {
                  d.html('<div class="fl"><img src="' + f.imagePath + '"></div>');
                  a()
              }
          });
          setTimeout(function () {
              b(d).fadeOut()
          }, f.timeToHide);
          return this.css({backgroundColor: f.bgColor, zIndex: f.zIndex})
      };
      function a() {
          var c = b(window).width();
          var e = b(window).height();
          var d = b(".fl").outerWidth();
          var f = b(".fl").outerHeight();
          b(".fl").css({position: "absolute", left: (c / 2) - (d / 2), top: (e / 2) - (f / 2)})
      }
  
      b(window).load(function () {
          a();
          b(window).resize(function () {
              a()
          })
      })
  }(jQuery));