右下角弹出小窗口 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，就是你代码中注释掉的代码取消掉