Question

我已经建立了一个窗户PVC和门PVC产品的网站。我想用计算器制作订单页面。它正在工作但我现在需要设置窗口配置的动画。（例如：http://orasvirtual.ro/images/a.JPG）因此，默认窗口大小为250px高度和350px宽度。我做了4个按钮：（例如：http://orasvirtual.ro/images/b.JPG）增加高度，减小高度，增加宽度和减小宽度。到目前为止我已经做到了这一点，但是如何增加/减少持续点击x秒。

感谢所有

好的，直到现在我已经做到了，感谢NullPointer：

HTML：

<div  id='divid'>div</div>
<button id="inch" >+ h</button>
<button id="dech" >- h</button>
<button id="incw" >+ w</button>
<button id="decw" >- w</button>

jquery的：

$("#inch").click(function(){

var height = $("#divid").height()+1; //to decrease just -1 instead of 1

$("#divid").height( height );
})
$("#dech").click(function(){

var height = $("#divid").height()-1; //to decrease just -1 instead of 1

$("#divid").height( height );
})
$("#incw").click(function(){

var width= $("#divid").width()+1; //to decrease just -1 instead of 1

$("#divid").width( width );
})
$("#decw").click(function(){

var width= $("#divid").width()-1; //to decrease just -1 instead of 1

$("#divid").width( width );
})

Answer 1

您无法更改window对象的宽度/高度，但您可以更改body元素的宽度和高度。

$('#increaseWidth').click(function(){
    $('body').width(function(i, w){
       return w + 1
    })
})

$('#decreaseHeight').click(function(){
    $('body').height(function(i, h){
       return h - 1
    })
})

http://jsfiddle.net/HsHj8/

Answer 2

如果窗口元素为$(window)，请使用以下代码

增加宽度：

$(window).width($(window).width() + 1 + "px")

减小宽度：

$(window).width($(window).width() - 1 + "px")

增加高度：

$(window).height($(window).height() + 1 + "px")

降低高度：

$(window).height($(window).height() - 1 + "px")

由于

Answer 3

在大多数情况下，你不能这样做。

来自消息来源：

自Firefox 7以来，根据以下规则，网站不再可能更改浏览器中窗口的默认大小：

您无法调整未由window.open创建的窗口或选项卡。
如果窗口或标签位于包含多个标签的窗口中，则无法调整其大小。

对于某些支持的浏览器，您可以使用以下内容来调整浏览器窗口的大小。

window.resizeTo(w,h);

使用1px onclick按钮增加/减少div大小

3 个答案: