-5

我用窗户 PVC 和门 PVC 产品制作了一个网站。我想用计算器制作订单页面。它正在工作，但我现在需要为窗口的配置设置动画。（例如：http : //orasvirtual.ro/images/a.JPG）所以，默认窗口大小是 250 像素高度和 350 像素宽度。我做了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 );
})
4

3 回答 3

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/

于 2012-12-03T07:05:18.810 回答
0

如果窗口元素是$(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")

谢谢

于 2012-12-03T07:00:14.697 回答
0

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

从来源：

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

  1. 您无法调整不是由 window.open 创建的窗口或选项卡的大小。
  2. 当窗口或选项卡位于具有多个选项卡的窗口中时，您无法调整其大小。

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

window.resizeTo(w,h);
于 2012-12-03T07:06:25.047 回答