0

私が持っているもので説明する方が簡単です:http://jsfiddle.net/Kuq5a/

私の目的は、4つの色付きのボックスすべてを、点線のボックスの各コーナーから同じ距離(片道10ピクセル)に保つことです。バウンディングボックスが静的な場合は簡単ですが、私の場合は、スライダーを1つの方法として、ユーザーがサイズを変更します。

具体的には、バウンディングボックスが大きくなると、緑を右にスライドさせ、青を下にスライドさせ、黄色を斜め下にスライドさせようとしています。

私の友人は使用を提案しposition: absoluteましたが、それは私が必要とすることをしていません。灰色のボックスで示されているように、ウィンドウ全体に取り付けられています。

4

2 に答える 2

1

私がやった:JSFiddle

の代わりに使用しましたtop: 10px bottom: 10px

灰色のボックスがどのように反応するかよくわからないので、それらのプロパティを変更しませんでした...

于 2012-04-21T17:33:02.803 に答える
1

Jqueryを使用してそれを実行したい場合は、これが実行方法です。

function resize(px) {
    $(".colorbox").css("width", px+"px");
    $(".colorbox").css("height", px+"px");
    $("#g").css("margin-left", px-100+"px");
    $("#b").css("margin-top", px-100+"px");     
    $("#y").css("margin-left", px-100+"px");
  }
于 2012-04-21T17:45:16.950 に答える