[转自横渡博客]公告DIV实现

< div id = " affiche "  ondblclick = " closeDiv(); "  style = " BORDER-RIGHT: black 1px outset; BORDER-TOP: black 1px outset; BORDER-LEFT: black 1px outset; WIDTH: 30%; CLIP: rect(auto auto auto auto); BORDER-BOTTOM: black 1px outset; POSITION: absolute; HEIGHT: 30%; BACKGROUND-COLOR: whitesmoke; TEXT-ALIGN: center; " align = " center " >
             < table height = " 100% "  width = " 100% " >
                 < tr >
                     < td vAlign = " middle "  align = " center "  height = " 100% " >
                                此处为公告内容
                             < div id = " timeout " ></ div >
                     </ td >
                 </ tr >
             </ table >
         </ div >
             < script language = " javascript " >
        
             var  intOut = 10 ;
            TimeDiv();
            
             function  closeDiv()
            {
                document.getElementById( " affiche " ).style.display  =   " none " ;
            }
            
             function  TimeDiv()
            {
                 -- intOut;
                 if  ( intOut > 1  )
                {
                    window.setTimeout(  " TimeDiv() " , 1000  );
                    document.getElementById( " timeout " ).innerText = intOut  +   " 秒后/双击窗口自动关闭！ " ;
                }
                 else
                {
                    closeDiv();
                }
            }
            
             var  objDiv  =  document.getElementById( " affiche " );
            SetDiv();
            
             function  SetDiv()
            { 
                objDiv.style.top  =  (document.body.offsetHeight  -  objDiv.offsetHeight) / 2   +  document.body.scrollTop;
                objDiv.style.left  =  (document.body.offsetWidth  -  objDiv.offsetWidth) / 2 ; 
                   if ( intOut>1 )
                {
                    window.setTimeout(  " SetDiv() " ,2 00  );
                }
            }
            
             </ script >

转载于:https://www.cnblogs.com/Elong/archive/2005/04/17/139216.html