Skip to content

Commit c195757

Browse files
committed
Menu: Added top-aligned menu demo
1 parent 416bc6f commit c195757

File tree

1 file changed

+80
-0
lines changed

1 file changed

+80
-0
lines changed

demos/menu/topalignmenu.html

Lines changed: 80 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,80 @@
1+
<!doctype html>
2+
<html>
3+
<head>
4+
<title>Menu Demo: Top-aligned Menu</title>
5+
<link rel="stylesheet" href="../demos.css" type="text/css" />
6+
<link rel="stylesheet" href="../../themes/base/jquery.ui.all.css" type="text/css" title="ui-theme" />
7+
<script type="text/javascript" src="../../jquery-1.5.1.js"></script>
8+
<script type="text/javascript" src="../../ui/jquery.ui.core.js"></script>
9+
<script type="text/javascript" src="../../ui/jquery.ui.widget.js"></script>
10+
<script type="text/javascript" src="../../ui/jquery.ui.position.js"></script>
11+
<script type="text/javascript" src="../../ui/jquery.ui.menu.js"></script>
12+
<script type="text/javascript">
13+
$(function() {
14+
$("#topMenu").menu({
15+
position: { of: "ul:has(a.ui-state-focus):last" }
16+
});
17+
});
18+
</script>
19+
<style>
20+
.ui-menu { width: 200px; margin-bottom: 2em; }
21+
</style>
22+
</head>
23+
<body>
24+
25+
<ul id="topMenu">
26+
<li><a href="#">Aberdeen</a></li>
27+
<li><a href="#">Ada</a></li>
28+
<li><a href="#">Adamsville</a></li>
29+
<li><a href="#">Addyston</a></li>
30+
<li>
31+
<a href="#">Delphi</a>
32+
<ul>
33+
<li><a href="#">Ada</a></li>
34+
<li><a href="#">Saarland</a></li>
35+
<li><a href="#">Salzburg</a></li>
36+
</ul>
37+
</li>
38+
<li><a href="#">Saarland</a></li>
39+
<li>
40+
<a href="#">Salzburg</a>
41+
<ul>
42+
<li>
43+
<a href="#">Delphi</a>
44+
<ul>
45+
<li><a href="#">Ada</a></li>
46+
<li><a href="#">Saarland</a></li>
47+
<li><a href="#">Salzburg</a></li>
48+
</ul>
49+
</li>
50+
<li>
51+
<a href="#">Adamsville</a>
52+
<ul>
53+
<li><a href="#">Aberdeen</a></li>
54+
<li><a href="#">Ada</a></li>
55+
<li><a href="#">Adamsville</a></li>
56+
<li><a href="#">Addyston</a></li>
57+
<li>
58+
<a href="#">Delphi</a>
59+
<ul>
60+
<li><a href="#">Ada</a></li>
61+
<li><a href="#">Saarland</a></li>
62+
<li><a href="#">Salzburg</a></li>
63+
</ul>
64+
</li>
65+
<li><a href="#">Saarland</a></li>
66+
</ul>
67+
</li>
68+
<li><a href="#">Perch</a>
69+
<ul>
70+
<li><a href="#">Addyston</a></li>
71+
<li><a href="#">Delphi</a></li>
72+
<li><a href="#">Perch</a></li>
73+
</ul>
74+
</li>
75+
</ul>
76+
</li>
77+
</ul>
78+
79+
</body>
80+
</html>

0 commit comments

Comments
 (0)