O código específico é o seguinte:
<!--O código é o seguinte. A parte inferior mostra as 9 fatias de imagem de 250*250 que usei para testar--><!DOCTYPE html><html><head> <meta charset=utf-8> <title>arraste. Arraste</title> <style> .box{ float: left; img{ largura: 150px; altura:150px } #puzzle{ tamanho da fonte: 0; margem:80px automático; preenchimento: 5px; largura: 460px; } </style></head><body> <div id=puzzle> <div class=box><img <div class=box><img <div class =box><img <div class=box><img <div class=box><img <div class=box><img <div class=box><img <div class=box><img <div class=box><img </div> <script> var imagem = document.getElementsByTagName(img); var box = document.getElementsByClassName(box); ; var thenImage; for(let i=0;i<image.length;i++){ fonte = imagem+i+.jpg; imagem[i].setAttribute(src,source); imagem[i].onmousedown = function(){ nowImage = this; ); //Remove o comportamento padrão do evento ondragover, que não pode colocar dados ou elementos em outros elementos por padrão} box[i].ondrop = function(event){ thenImage = box[i].childNodes[0]; box[i].appendChild(nowImageBox.appendChild(thenImage); ResumirO texto acima é o quebra-cabeça implementado pela função arrastar e soltar HTML5 introduzida pelo editor. Espero que seja útil para você. Se você tiver alguma dúvida, deixe-me uma mensagem e o editor responderá a tempo. Gostaria também de agradecer a todos pelo apoio ao site de artes marciais VeVb!