Fixed block (21)

Fixed block 任意の位置に移動

event handler を JS で設定 (window.document.onmousemove, window.document.onmouseup)している。
イベントハンドラーが box の drag-drop を監視している。

sample-1 fixed-block 領域を drag-drop で任意の位置に移動する
sample-2 Box 内のボタンを押した後、マウスボタンを押した位置に移動する

この領域を、移動したい位置に drag-drop する。

本体表示 00
本体表示 00
本体表示 00
本体表示 00
本体表示 00
本体表示 00
本体表示 00
本体表示 00
本体表示 00
本体表示 00
本体表示 10
本体表示 10
本体表示 10
本体表示 10
本体表示 10
本体表示 10
本体表示 10
本体表示 10
本体表示 10
本体表示 10
本体表示 20
本体表示 20
本体表示 20
本体表示 20
本体表示 20
本体表示 20
本体表示 20
本体表示 20
本体表示 20
本体表示 20
本体表示 30
本体表示 30

IE11 : Permission of execution will be required.