First use JS to control to generate a tissue structure diagram
Then set this tissue structure to drag to the specified location at will
The page code is as follows of specific code instances to go to my resource space to download
Copy code code as follows:
<! Doctype HTML PUBLIC "-// W3C // DTD XHTML 1.0 Transitional // EN" http://www.w3.org/xhtml1/dtddml1-transitationAl.dtd ">
<html xmlns = "http://www.w3.org/1999/xhtml">
<head>
<Title> Department Organization Fragrance </Title>
<meta http-equiv = "content-type" content = "text /html; charset = utf-8" /> />
<link href = "css.css" type = "text /css" rel = "styleSheet" />
<script src = "jquery-1.8.3.min.js" type = "text/javascript"> </script>
<script src = "jquery.ui.draggable.min.min.js" type = "text/javascript"> </script>
<script src = "main.js" type = "text/javascript"> </script>
</head>
<body style = "overflow: hidden;">
<div ID = "Strtwrap">
<div>
<div>
<span style = "background: #6d6d6d; color: white;"> Tianyun Platform </span>
<div> <span> </span> </div>
<div>
<div>
<span> </span>
<div> <span> </span> </div>
<span style = "background: #dba659; color: white;"> file category </span>
<div> <span> </span> </div>
<div>
<div>
<span> </span>
<div> <span> </span> </div>
<span style = "background: #dba659; color: white;"> File </span>
</div>
<div>
<span> </span>
<div> <span> </span> </div>
<span style = "background: #dba659; color: white;"> File </span>
</div>
<div>
<span> </span>
<div> <span> </span> </div>
<span style = "background: #dba659; color: white;"> File </span>
</div>
<div>
<span> </span>
<div> <span> </span> </div>
<span style = "background: #dba659; color: white;"> File </span>
</div>
</div>
</div>
<div>
<span> </span>
<div> <span> </span> </div>
<span style = "background: #679bcc; color: white;"> Search </span>
<div> <span> </span> </div>
<div>
<div>
<span> </span>
<div> <span> </span> </div>
<span style = "background: #679bcc; color: white;"> Search </span>
</div>
<div>
<span> </span>
<div> <span> </span> </div>
<span style = "background: #679bcc; color: white;"> Search </span>
</div>
<div>
<span> </span>
<div> <span> </span> </div>
<span style = "background: #679bcc; color: white;"> Search </span>
</div>
<div>
<span> </span>
<div> <span> </span> </div>
<span style = "background: #679bcc; color: white;"> Search </span>
</div>
</div>
</div>
<div>
<span> </span>
<div> <span> </span> </div>
<span style = "background: #679bcc; color: white;"> Analysis class </span>
<div> <span> </span> </div>
<div>
<div>
<span> </span>
<div> <span> </span> </div>
<span style = "background: #679bcc; color: white;"> Analysis </span>
</div>
<div>
<span> </span>
<div> <span> </span> </div>
<span style = "background: #679bcc; color: white;"> Analysis </span>
</div>
<div>
<span> </span>
<div> <span> </span> </div>
<span style = "background: #679bcc; color: white;"> Analysis </span>
</div>
<div>
<span> </span>
<div> <span> </span> </div>
<span style = "background: #679bcc; color: white;"> Analysis </span>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</body>
</html>