<h1>Hamlet Is Here</h1>
<style type="text/css"> #div1, #div2 {float:left; width:390px; height:220px; margin:10px;padding:10px;border:1px solid #aaaaaa;}
</style> <script type="text/javascript"> 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>
<body> to be
<div id="div1" ondrop="drop(event)" ondragover="allowDrop(event)"> <img src="https://ss3.bdstatic.com/70cFv8Sh_Q1YnxGkpoWK1HF6hhy/it/u=2438090803,1324543400&fm=26&gp=0.jpg" draggable="true" ondragstart="drag(event)" id="drag1" />
</div> <div id="div2" ondrop="drop(event)" ondragover="allowDrop(event)">
</div>
<p> not to be
</body>