0

cursor:move スタイルを設定した div があります。div はモーダル ポップアップ ウィンドウとして表示されます。ユーザーがdivを移動できるようにしたいと思います。

<style>
.popup{cursor:move;position: absolute; width: 100%; height: 100%; top: 0; left: 0; margin:auto;}
</style>

<div id="modaldiv" style="popup">
   content goes here
</div>

どんな助けでも大歓迎です。

ありがとう。

4

1 に答える 1

1

基本的な考え方が必要な場合は、このようになります。

  1. マウスダウンが発生したときにフラグを設定する必要があります。

  2. フラグが設定されていて、mousemove が発生した場合は、マウスの位置に応じて div の位置を変更します。

  3. マウスアップが発生したときにフラグを設定解除します。

このことから、それを開発することはそれほど難しくないと思います。

フレームワークに基づくものが必要な場合は、これが役立ちます。jQuery の使用

ドラッグ可能

$("#modaldiv").draggable();

div をドラッグ可能にします。

于 2009-09-17T04:11:50.487 に答える