45 lines
No EOL
1.1 KiB
HTML
45 lines
No EOL
1.1 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<style>
|
|
/* ваш стиль */
|
|
</style>
|
|
</head>
|
|
|
|
<body>
|
|
|
|
<!-- картинки для узлов -->
|
|
<img src="https://js.cx/sprite-tree/minus.gif" width="16" height="16">
|
|
<img src="https://js.cx/sprite-tree/plus.gif" width="16" height="16">
|
|
<img src="https://js.cx/sprite-tree/article.gif" width="16" height="16">
|
|
|
|
|
|
<ul>
|
|
<li class="open">
|
|
<div class="icon"></div>
|
|
<div class="text">Раздел 1
|
|
<br>(занимает две строки)</div>
|
|
<ul>
|
|
<li class="closed">
|
|
<div class="icon"></div>
|
|
<div class="text">Раздел 1.1</div>
|
|
</li>
|
|
<li class="leaf">
|
|
<div class="icon"></div>
|
|
<div class="text">Страница 1.2
|
|
<br>(занимает две строки)</div>
|
|
</li>
|
|
</ul>
|
|
</li>
|
|
<li class="closed">
|
|
<div class="icon"></div>
|
|
<div class="text">Раздел 2
|
|
<br>(занимает две строки)</div>
|
|
</li>
|
|
</ul>
|
|
|
|
</body>
|
|
|
|
</html> |