2

私はこのコードで作業しています：

    <div style="width: 150px; height: 125px; background: #fff; -webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px; padding: 7px; border: 1px solid #999; cursor: pointer;">
    <div style="width: 100%; background: url(IMAGE NAME) no-repeat; cursor: pointer; background-position: center; background-size: 170px; height: 125px;">
    </div>
</div>

ユーザーが別の画像のコピーを保存しなくても、写真を正確な位置に配置できるようにしたいと思います。背景をドラッグできるドラッグ可能な要素を作成できることは知っていますが、方法がわかりません。

誰かが私を助けることができますか？

4

1 に答える 1

1 
<script>
  $(function() {
    $( "#draggable_parent" ).draggable();
  });
</script>
<div id="draggable_parent" style="width: 450px; height: 450px; background: #fff; -webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px; padding: 7px; border: 1px solid #999; cursor: pointer;">
  <div id="draggable" style="width: 184px; background: url(IMG_URL) no-repeat; cursor: pointer; background-position: center; border:1px solid; background-size: 170px; height: 125px;">
  </div>
</div>

コードを編集しました。上記のコードで、外側の div が移動します。

于 2012-04-13T20:37:55.973 に答える