61 lines
1.6 KiB
HTML
Executable file
61 lines
1.6 KiB
HTML
Executable file
<!DOCTYPE HTML>
|
|
<html>
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<link rel="stylesheet" href="menu.css">
|
|
<script src="http://code.jquery.com/jquery-latest.js"></script>
|
|
<script src="hoverintent.js"></script>
|
|
<script src="menu.js"></script>
|
|
</head>
|
|
<body>
|
|
|
|
<!-- Разрешить вложенные меню -->
|
|
<div class="menu" id="menu">
|
|
<a href="#" class="title">Моё меню</a>
|
|
<ol>
|
|
<li class="has-children">
|
|
<a href="#a1">Элемент 1</a>
|
|
<ol>
|
|
<li><a href="#a1.1">Элемент 1.1</a></li>
|
|
<li class="has-children">
|
|
<a href="#a1.2">Элемент 1.2</a>
|
|
<ol>
|
|
<li><a href="#a1.2.1">Элемент 1.2.1</a></li>
|
|
<li><a href="#a1.2.2">Элемент 1.2.2</a></li>
|
|
</ol>
|
|
</li>
|
|
<li><a href="#a1.3">Элемент 1.3</a></li>
|
|
</ol>
|
|
</li>
|
|
<li><a href="#a2">Элемент 2</a></li>
|
|
<li class="has-children">
|
|
<a href="#a3">Элемент 3</a>
|
|
<ol>
|
|
<li><a href="#a3.1">Элемент 3.1</a></li>
|
|
<li><a href="#a3.2">Элемент 3.2</a></li>
|
|
<li><a href="#a3.3">Элемент 3.3</a></li>
|
|
</ol>
|
|
</li>
|
|
<li><a href="#a4">Элемент 4</a></li>
|
|
<li><a href="#a5">Элемент 5</a></li>
|
|
</ol>
|
|
|
|
</div>
|
|
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolor eos.
|
|
|
|
<script>
|
|
|
|
var menu = new Menu({
|
|
elem: $('#menu')
|
|
});
|
|
|
|
$(menu).on("select", function(e) {
|
|
if (!e.value) return;
|
|
alert(e.value);
|
|
});
|
|
|
|
|
|
</script>
|
|
|
|
</body>
|
|
</html>
|