我的知识库

 1 /**
 2 *作者 ：Fantasy
 3 *Email: fantasycs@163.com
 4 *QQ   : 8635335
 5 *Blog : http://www.blogjava.net/fantasy
 6 *版本 ：V1.0
 7 */
 8 var LayerUtil = 
 9 {
10     createLayer : function( innerHTML )
11     {
12         return new FantasyLayer( innerHTML );    
13     }
14 }
15 
16 var FantasyLayer = function ( innerHTML )
17 {
18     var IE = document.all ? true : false ;
19     
20     var layerElement = document.createElement("DIV");
21     
22     var layerInnerHTML    = innerHTML;
23     
24     this.closeLayer = function()
25     {
26         layerElement.style.display = "none";
27     }
28     
29     this.getLayer = function ()
30     {
31         return layerElement;
32     }
33     
34     this.setInnerHTML = function ( html )
35     {
36         layerInnerHTML = html;
37     }
38     
39     this.setDisplay = function( isView )
40     {
41         this.reloadLayer();
42         layerElement.style.display = isView ? "block" : "none";
43     }
44     
45     this.moveLayer = function ( x , y )
46     {
47         layerElement.style.left = x + "px";
48         layerElement.style.top =  y + "px";
49     }
50 
51     this.viewLayer = function ( isFade , x , y )
52     {
53         this.reloadLayer( x , y );
54         if( !isFade ) { return false };
55         IE ? layerElement.style.filter = "alpha(opacity=0)" : layerElement.style.opacity = "0";
56         var opacity = 0 ;
57         var intervalID = window.setInterval
58         (
59             function()
60             {
61                 if( opacity < 100 )
62                 { 
63                     if( IE )
64                     {
65                         layerElement.style.filter = "alpha(opacity=" +  opacity + ")";
66                     }
67                     else
68                     {
69                         layerElement.style.opacity = (opacity / 100);
70                     }
71                     opacity = opacity + 5;
72                 }
73                 else
74                 { 
75                     window.clearInterval( intervalID );
76                 }
77             }
78             ,
79             50
80         )
81     }
82 
83     this.reloadLayer = function ( x , y )
84     {
85         document.body.appendChild(layerElement);
86         layerElement.style.position = "absolute";
87         layerElement.style.display = "block";
88         layerElement.innerHTML = layerInnerHTML;
89         var docWidth = document.documentElement.clientWidth;
90         var docHeight = document.documentElement.clientHeight;
91         var scrollTop = document.documentElement.scrollTop;
92         var scrollLeft = document.documentElement.scrollLeft;
93         layerElement.style.left = ( !isNaN(x) ? x : (docWidth - layerElement.offsetWidth)/2   + scrollLeft)   + "px";
94         layerElement.style.top  = ( !isNaN(y) ? y : (docHeight - layerElement.offsetHeight)/2 + scrollTop )   + "px";
95     }
96 }