الكود المحدد هو كما يلي:
<!--الرمز كما يلي: يُظهر الجزء السفلي 9 شرائح صور مقاس 250*250 استخدمتها للاختبار-><!DOCTYPE html><html><head> <meta charset=utf-8> <title>اسحب اسحب</title> <style> .box{ float: left } img{ width: 150px height:150px } #puzzle{ حجم الخط: 0; الهامش: 80 بكسل تلقائي؛ الحشو: 5 بكسل؛ العرض: 460 بكسل؛ } </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 image = document.getElementsByTagName(img); ; varthenImage; for(let i=0;i<image.length;i++){ source = photo+i+.jpg; image[i].setAttribute(src,source); image[i].onmousedown = function(){ nowImageBox = this.parentNode } box[i].ondragover = function(event){ events.preventDefault( ); // قم بإزالة السلوك الافتراضي لحدث ondragover، الذي لا يمكنه وضع البيانات أو العناصر في عناصر أخرى بشكل افتراضي} box[i].ondrop = function(event){thenImage = box[i].childNodes[0]; box[i].appendChild(nowImage); تلخيصما ورد أعلاه هو اللغز الذي تم تنفيذه بواسطة وظيفة السحب والإفلات بتنسيق HTML5 التي قدمها المحرر، وآمل أن يكون مفيدًا لك. إذا كانت لديك أي أسئلة، فيرجى ترك رسالة لي وسيقوم المحرر بالرد عليك في الوقت المناسب. أود أيضًا أن أشكر الجميع على دعمكم لموقع VeVb للفنون القتالية!