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

mac2022-06-30  25

< 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

相关资源:通信与网络中的首个应用RFID托运货柜横渡太平洋航线
最新回复(0)