-1

HTML5を使用して、画像を別の画像の上にドラッグアンドドロップできるようにする必要があります。誰か助けてもらえますか？

div私が見つけたのは、画像を別の画像ではなく、にドラッグアンドドロップする方法に関するチュートリアルだけです。

4

2 に答える 2

0 
    <!DOCTYPE HTML>
  <html>
  <head>
  <script>
  function allowDrop(ev)
 {
 ev.preventDefault();
   }

   function drag(ev)
   {
   ev.dataTransfer.setData("Text",ev.target.id);
   }

    function drop(ev)
   {
   ev.preventDefault();
  var data=ev.dataTransfer.getData("Text");
   ev.target.appendChild(document.getElementById(data));
   }
  </script>
 </head>
 <body>

 <div id="div1" ondrop="drop(event)"
  ondragover="allowDrop(event)"></div>

 <img id="drag1" src="img_logo.gif" draggable="true"
 ondragstart="drag(event)" width="336" height="69">

   </body>
   </html>
于 2013-02-26T06:06:33.770 に答える