右下角弹出小窗口 javascript 不能完全最小化

ttigerdna 2013-04-22 04:18:57

代码





<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);

            }



            var op=true;

            

            function opz(){

            	if(op==true){

            		runtimer(-2);

            		op=false;

            	}else{

            		runtimer(2);

            		op=true;

            	}

            }

</script>



</head>



<body >

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

        <a href="javascript:opz();">×</a>

        </div>







</body>

</html>

当DIV里有内容时比如

<div style="position:absolute;right:0;bottom:0;height:0px;width:200px;border:1px solid red;" id="popDiv">
<a href="javascript:opz();">×</a>
aaaaa<br/><br/>
</div>

小窗口不能完全隐藏会卡在最下边出现文字的地方 javascript 高手怎么解决这个问题呀！

...全文

138 2 打赏收藏转发到动态举报

写回复

用AI写文章

2 条回复

切换为时间正序

请发表友善的回复…

发表回复

ttigerdna 2013-04-24

打赏
举报

明白!!!!!!!!!

斯洛文尼亚旅游 2013-04-22

打赏
举报

<div style="position:absolute;right:0;bottom:0;height:0px;width:200px;border:1px solid red;overflow:hidden" id="popDiv"> 不过在backcompat模式下ie下有个默认高度的问题，无法完全显示，所以要完全隐藏要设置display为none，就是你代码中注释掉的代码取消掉