首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > JavaScript >

右下角弹出小窗口 javascript 不能完全最小化,该怎么解决

2013-04-26 
右下角弹出小窗口 javascript 不能完全最小化本帖最后由 ttigerdna 于 2013-04-22 16:19:43 编辑代码html

右下角弹出小窗口 javascript 不能完全最小化
本帖最后由 ttigerdna 于 2013-04-22 16:19:43 编辑 代码



<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 高手怎么解决这个问题呀! JavaScript
[解决办法]
<div style="position:absolute;right:0;bottom:0;height:0px;width:200px;border:1px solid red;overflow:hidden" id="popDiv">

不过在backcompat模式下ie下有个默认高度的问题,无法完全显示,所以要完全隐藏要设置display为none,就是你代码中注释掉的代码取消掉

热点排行
Bad Request.