用JavaScript在網頁右下角彈出視窗

該代碼在IE和FF下測試通過：

代碼 < html >

< head >

< script  language ="JavaScript"  type ="text/javascript" >

             function  $(obj){

                 return  document.getElementById(obj);

            }

             function  pop(obj){

                 var  h  =  parseInt(currentStyle($( " popDiv " )).height);

                $( " popDiv " ).style.height  =  (h  +  obj)  +   " px " ;

                 if (parseInt($( " popDiv " ).style.height)  <   2 ){

                    window.clearInterval(timer);

                    $( " popDiv " ).style.display  =   " none " ;

                }

                 if (parseInt($( " popDiv " ).style.height)  >=   200 ){

                    window.clearInterval(timer);

                }

            }

             function  currentStyle(element) {

                return  element.currentStyle  ||  document.defaultView.getComputedStyle(element,  null );

            }

             var  timer;

             function  runtimer(obj){

                timer  =  window.setInterval( function (){pop(obj)}, 10 );

            }

            window.onload  =   function (){

                runtimer( 2 );

            }

</ script >

</ head >

< body  >

< div  style ="position:absolute;right:0;bottom:0;height:0px;width:200px;border:1px solid red;"  id ="popDiv" >

         < a  href ="javascript:runtimer(-2);" > × </ a >

         </ div >

</ body >

</ html >

注意:在IE下擷取控件的目前css要用currentStyle，而不能用style(該屬性擷取元素内嵌的樣式，在該例子中明顯不合适)，而在FF下要通過document.defaultView.getComputedStyle(element, null);獲得目前css.

轉載于:https://www.cnblogs.com/Fskjb/archive/2010/06/02/1749776.html