我有一个 div 标签,为了最小化我正在使用以下 JS
function my()
{
$("#button").click(function(){
if($(this).html() == "+"){
$(this).html("-");
$("#box, #title_bar").toggle("Up");
}
else{
$(this).html("+");
$("#box, #title_bar").toggle("Down");
}
});
}
我的 div 标签是这样的,
<div id="widnow">
<div id="button">-</div>
<div id="title_bar"><b>Console Log</b></div>
<div id="box"></div>
</div>
将我的 div 最小化到页面的左上角,如下图所示,
最小化时
展开我用过,只能在底部展开,
#widnow{
position: absolute;
top: 750px;
right: 0;
bottom: 0;
left: 42px;
resize: both;
}
所以现在我希望它像 facebook 聊天窗口,即
- 最小化到页面底部
- 最大化到原始位置 250px 和
- 只能在窗口顶部展开。
如何完成上述任务?
谢谢。
最佳答案
试试这个:
function Minimize()
{
window.innerWidth = 100;
window.innerHeight = 100;
window.screenX = screen.width;
window.screenY = screen.height;
alwaysLowered = true;
}
function Maximize()
{
window.innerWidth = screen.width;
window.innerHeight = screen.height;
window.screenX = 0;
window.screenY = 0;
alwaysLowered = false;
}
<A HREF="javascript:onClick=Minimize()">Minimize</A>
<A HREF="javascript:onClick=Maximize()">Maximize</A>
关于javascript - 最小化到页面底部,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22380056/