ホームページ  >  記事  >  ウェブフロントエンド  >  モバイル タグを HTML ページにドラッグ アンド ドロップする_JavaScript のヒント

モバイル タグを HTML ページにドラッグ アンド ドロップする_JavaScript のヒント

WBOY
WBOYオリジナル
2016-05-16 18:36:591149ブラウズ

1. タグのスタイルを設定します (img、div など)。位置を絶対に設定します。例:


2. 一時要素を使用してラベルのステータスを記録します。一時要素を非表示にするには、一時要素の表示を none に設定します。ここでは、一時要素の再生に input が使用されます。値 0 は、ラベルが移動されていないことを示します。このラベルの上でマウスを押すと、その値が 1 に設定され、ドラッグして移動できる状態になったことを示します。

3.

4. 最後に、JavaScript 関数を見てみましょう:
コード

コードをコピーします コードは次のとおりです。