最初にJSを使用して制御して組織構造図を生成します
次に、この組織構造を設定して、指定された場所に自由にドラッグします
ページコードは、私のリソーススペースに移動してダウンロードするための特定のコードインスタンスの次のとおりです
次のようにコードコードをコピーします。
<
<html xmlns = "http://www.w3.org/1999/xhtml">
<head>
<title>部門組織のフレグランス</title>
<メタhttp-equiv = "content-type" content = "text /html; charset = utf-8" /> />
<link href = "css.css" type = "text /css" rel = "styleSheet" />
<スクリプトsrc = "jquery-1.8.3.min.js" type = "text/javascript"> </scrip>
<スクリプト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 = "背景：＃6d6d6d; color：white;"> tianyunプラットフォーム</span>
<div> <span> </span> </div>
<div>
<div>
<span> </span>
<div> <span> </span> </div>
<span style = "背景：＃dba659; color：white;">ファイルカテゴリ</span>
<div> <span> </span> </div>
<div>
<div>
<span> </span>
<div> <span> </span> </div>
<span style = "背景：＃dba659; color：white;"> file </span>
</div>
<div>
<span> </span>
<div> <span> </span> </div>
<span style = "背景：＃dba659; color：white;"> file </span>
</div>
<div>
<span> </span>
<div> <span> </span> </div>
<span style = "背景：＃dba659; color：white;"> file </span>
</div>
<div>
<span> </span>
<div> <span> </span> </div>
<span style = "背景：＃dba659; color：white;"> file </span>
</div>
</div>
</div>
<div>
<span> </span>
<div> <span> </span> </div>
<span style = "背景：＃679bcc; color：white;">検索</span>
<div> <span> </span> </div>
<div>
<div>
<span> </span>
<div> <span> </span> </div>
<span style = "背景：＃679bcc; color：white;">検索</span>
</div>
<div>
<span> </span>
<div> <span> </span> </div>
<span style = "背景：＃679bcc; color：white;">検索</span>
</div>
<div>
<span> </span>
<div> <span> </span> </div>
<span style = "背景：＃679bcc; color：white;">検索</span>
</div>
<div>
<span> </span>
<div> <span> </span> </div>
<span style = "背景：＃679bcc; color：white;">検索</span>
</div>
</div>
</div>
<div>
<span> </span>
<div> <span> </span> </div>
<span style = "背景：＃679bcc; color：white;">分析クラス</span>
<div> <span> </span> </div>
<div>
<div>
<span> </span>
<div> <span> </span> </div>
<span style = "背景：＃679bcc; color：white;">分析</span>
</div>
<div>
<span> </span>
<div> <span> </span> </div>
<span style = "背景：＃679bcc; color：white;">分析</span>
</div>
<div>
<span> </span>
<div> <span> </span> </div>
<span style = "背景：＃679bcc; color：white;">分析</span>
</div>
<div>
<span> </span>
<div> <span> </span> </div>
<span style = "背景：＃679bcc; color：white;">分析</span>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</body>
</html>