-5

窓の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 );
})
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

ほとんどの状況でそれを行うことはできません。

ソースから:

Firefox 7 以降、次のルールに従って、Web サイトがブラウザーのウィンドウのデフォルト サイズを変更することはできなくなりました。

  1. window.open によって作成されたものではないウィンドウまたはタブのサイズを変更することはできません。
  2. ウィンドウまたはタブが複数のタブを持つウィンドウにある場合、そのウィンドウまたはタブのサイズを変更することはできません。

サポートされている一部のブラウザーでは、以下を使用してブラウザー ウィンドウのサイズを変更できます。

window.resizeTo(w,h);
于 2012-12-03T07:06:25.047 に答える
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 に答える