aboutsummaryrefslogtreecommitdiffstats
path: root/demos/menu/default.html
diff options
context:
space:
mode:
authorjzaefferer <joern.zaefferer@gmail.com>2010-06-18 10:23:41 +0200
committerjzaefferer <joern.zaefferer@gmail.com>2010-06-18 10:23:41 +0200
commitf1edd5b62e61e675af8130c78d256e23fee2d588 (patch)
tree52067893d1b7d3df7a42f5ec8f69f4965b21b3ee /demos/menu/default.html
parentc3d32496565bb29ba5e0dc3eaf5f47850af2a6d4 (diff)
downloadjquery-ui-f1edd5b62e61e675af8130c78d256e23fee2d588.tar.gz
jquery-ui-f1edd5b62e61e675af8130c78d256e23fee2d588.zip
Menu: default and contextmenu demos
Diffstat (limited to 'demos/menu/default.html')
-rw-r--r--demos/menu/default.html60
1 files changed, 60 insertions, 0 deletions
diff --git a/demos/menu/default.html b/demos/menu/default.html
new file mode 100644
index 000000000..6a2cb5280
--- /dev/null
+++ b/demos/menu/default.html
@@ -0,0 +1,60 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+ <meta charset="UTF-8" />
+ <title>jQuery UI Menu - Default demo</title>
+ <link type="text/css" href="../../themes/base/jquery.ui.all.css" rel="stylesheet" />
+ <script type="text/javascript" src="../../jquery-1.4.2.js"></script>
+ <script type="text/javascript" src="../../ui/jquery.ui.core.js"></script>
+ <script type="text/javascript" src="../../ui/jquery.ui.widget.js"></script>
+ <script type="text/javascript" src="../../ui/jquery.ui.menu.js"></script>
+ <link type="text/css" href="../demos.css" rel="stylesheet" />
+ <script type="text/javascript">
+ $(function() {
+ $("ul").menu();
+ });
+ </script>
+ <style>
+
+ </style>
+</head>
+<body>
+
+<div class="demo">
+
+ <ul>
+ <li><a href="#">Aberdeen</a></li>
+ <li><a href="#">Ada</a></li>
+ <li><a href="#">Adamsville</a></li>
+ <li><a href="#">Addyston</a></li>
+ <li><a href="#">Adelphi</a></li>
+ <li><a href="#">Adena</a></li>
+ <li><a href="#">Adrian</a></li>
+ <li><a href="#">Akron</a></li>
+ <li><a href="#">Albany</a></li>
+ <li><a href="#">Alexandria</a></li>
+ <li><a href="#">Alger</a></li>
+ <li><a href="#">Alledonia</a></li>
+ <li><a href="#">Alliance</a></li>
+ <li><a href="#">Alpha</a></li>
+ <li><a href="#">Alvada</a></li>
+ <li><a href="#">Alvordton</a></li>
+ <li><a href="#">Amanda</a></li>
+ <li><a href="#">Amelia</a></li>
+ <li><a href="#">Amesville</a></li>
+ <li><a href="#">Aberdeen</a></li>
+ <li><a href="#">Ada</a></li>
+ </ul>
+
+</div><!-- End demo -->
+
+<div class="demo-description">
+
+<p>A menu with the default configuration. A list is transformed, adding themeing, mouse and keyboard navigation support. Try to tab to the menu and use the cursor keys to navigate.</p>
+
+</div><!-- End demo-description -->
+
+
+
+</body>
+</html>