图层随窗体移动

        var creatDiv={
            htmText:'<table width=280 border="0" cellspacing="0" style="BORDER-TOP:#ffffff 1px solid; BORDER-LEFT:#ffffff 1px solid" bgcolor="#f5e5ea;top:100px; position:relative;">     <tr>         <td height="24" width="26" style="FONT-SIZE:12px;BACKGROUND-IMAGE:url(images/msgTopBg.jpg);COLOR:#f5e5ea" valign="middle"> </td>         <td style="FONT-WEIGHT:normal;FONT-SIZE:9pt;BACKGROUND-IMAGE:url(images/msgTopBg.jpg);COLOR:#1f336b;PADDING-TOP:4px" valign="middle" width="100%">     <font color=#ffffff><b>   &nbsp;&nbsp;倾城小贴士提示</b></font>        </td>         <td style="BACKGROUND-IMAGE:url(images/msgTopBg.jpg);PADDING-TOP:2px" valign="middle" width="19" align="right">             <img src="images/msgClose.gif" hspace="3" style="CURSOR:pointer" onClick="creatDiv.CloseDiv()" title="关闭">         </td>     </tr> </table> <IFRAME marginwidth=0 marginheight=0  frameborder=0 bordercolor="000000" scrolling=no  width=280 height=150 src="Popup.aspx"></IFRAME>',
            divWidth:280,
            divHeight:160,
            divRight:0,
            divBottom:0,
            clientWid:document.compatMode.toLowerCase()=="backcompat"?document.body.clientWidth:document.documentElement.clientWidth,
            clientHeg:document.compatMode.toLowerCase()=="backcompat"?document.body.clientHeight:document.documentElement.clientHeight,   
            scrollTop:document.compatMode.toLowerCase()=="backcompat"?document.body.scrollTop:document.documentElement.scrollTop,
            scrollLeft:document.compatMode.toLowerCase()=="backcompat"?document.body.scrollLeft:document.documentElement.scrollLeft, 
            Timer:20,   
            Init:function(){  
               var doc=document.createElement("div");
                   doc.id="divTop";
                   doc.innerHTML=this.htmText;
                   with(doc.style){
                     width=this.divWidth+"px";
                     height=this.divHeight+"px";
                     position="absolute";
                     right=this.divRight+"px";
                     bottom=this.divBottom+"px";
                     zIndex=100;
                     background="red";
                     filter="Alpha(Opacity=90)";
                     opacity=0.9
                   }
                document.body.insertBefore(doc,document.body.childNodes[0]); 
                                  
              var j=0;
              var timer1=setInterval(function(){
                    j++; 
                    if(j>creatDiv.Timer){
                        clearInterval(timer1);
                        creatDiv.CloseDiv();
                    }
                },1000)             
                setInterval(this.Move,1);            
            },
            Move:function(){             
                if(document.getElementById&&document.getElementById("divTop")){
                    document.getElementById("divTop").style.top=(creatDiv.clientHeg+(document.compatMode.toLowerCase()=="backcompat"?document.body.scrollTop:document.documentElement.scrollTop)-creatDiv.divHeight-16)+"px";                   
                }
            },
            CloseDiv:function(){
                 if(window.top.document.getElementById&&window.top.document.getElementById("divTop")){
                       window.top.document.getElementById("divTop").style.display="none";
                }            
            }
       }