2012-12-03 113 views
-5

我製作了一個帶有窗戶PVC和PVC PVC產品的網站。 我想用計算器訂購頁面。它的工作,但我現在需要動畫窗口的配置(比如:http://orasvirtual.ro/images/a.JPG)。 所以,默認的窗口大小爲250像素,高度350像素和寬度。我做了4個按鈕: (例如:http://orasvirtual.ro/images/b.JPG) 增加高度,降低高度,增加寬度和減小寬度。 我已經做到現在,但如何使增加/減少持有點擊X秒。在單擊按鈕上單擊按鈕1秒刪除/解碼div尺寸

感謝所有

好了,到現在爲止我做了這個,這要歸功於空指針:

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); 
}) 
+0

發佈您的代碼。 – arulmr

+0

http://jsfiddle.net/9b52T/4/ – user1871756

回答

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") 

釷anks

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/

0

你不能這樣做,在大多數的情況下。

來源:

由於火狐7,它不再可能一個網站,以改變瀏覽器窗口的默認大小,按以下規則:

  1. 你無法調整window.open未創建的窗口或選項卡的大小。
  2. 當它與多個選項卡的窗口不能調整窗口或標籤。

對於一些支持的瀏覽器可以使用以下調整您的瀏覽器窗口。

window.resizeTo(w,h);